Cordova 环境部署,将 H5 打包为 Android App
一、环境配置
1、JDK
- 环境变量
- JAVA_HOME
- %JAVA_HOME%\bin
2、Android SDK
- 环境变量
- ANDROID_HOME
- ANDROID_SDK_ROOT
- %ANDROID_HOME%\build-tools
- %ANDROID_HOME%\tools
- %ANDROID_HOME%\platform-tools
3、Node
- 环境变量
- …\nodejs\node_global
- 全局安装 Cordova
npm i -g cordova
4、Gradle(选装)
- 环境变量
- GRADLE_HOME
- %GRADLE_HOME%\bin
二、项目初始化
注:在 cmd 中使用 cordova 命令,powershell 中使用 cordova.cmd 命令。
1、创建项目
cordova create <目录名> [根域名.公司名.项目名] [应用名称]
2、添加平台
cordova platform add androidcordova platform add ios
3、安装插件
cordova plugin add cordova-plugin-statusbar
3、拷贝静态资源
将现有项目的 index.html 及其它资源复制到 Cordova 项目的 www 文件夹中
4、【可选】验证环境
cordova requirements
5、【可选】编译为 Android App
cordova build android
6、运行(会自动编译后运行)
cordova run android
三、查看调试
1、本地调试
使用 ionic serve
在浏览器中调试
2、远程调试
- 手机或模拟器运行 debug 版软件
- 浏览器输入 edge://inspect/#devices 或 chrome://inspect/#devices
- 点击 inspect
四、问题
Q:No Java files found that extend CordovaActivity.
A:重新安装平台
cordova platform rm androidcordova platform add android
Q:Mixed Content: The page at 'https://localhost/index.html' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http:// ....'. This request has been blocked; the content must be served over HTTPS.
A:默认只允许 https
添加 http
配置覆盖掉默认的
<platform name="android"><preference name="Scheme" value="http"/>
</platform>