环境安装
node:v10.15.3
npm:6.9.0
ionic: CLI 4.12.0
cordova:9.0.0
jdk:1.8.0_201
gradle:5.4-rc-1
1. node安装
下载安装 http://nodejs.cn/download/
2. 安装ionic cordova
npm install -g cordova ionic
检查版本: ionic -v cordova -v
3. 构建android工程
- 查看支持的平台或版本:
ionic cordova platform ls
- 构建android platform(必须在对应的ionic项目中执行):
ionic cordova platform add android
说明:此步骤会修改ionic的目录结构,让ionic支持cordova。构建成功后,会在platforms目录下生成一个android工程。
4. 配置android sdk环境
- 安装jdk——点我查看
- 安装android-sdk,这里我安装的是Android Studio,会自动安装sdk——点我查看
- 安装gradle(下载、解压、配置环境变量)—— 具体安装步骤附文章最后
5. 打包
执行命令:ionic cordova build android
编译成功之后,会在C:\myApp\platforms\android\app\build\outputs\apk\debug目录下生成一个 xxx.apk文件。
6. 打包遇到的问题
问题一:
在使用ionic cordova build android
打包的时候出错
解决方法:
- 移除android工程:
ionic cordova platform remove android
- 使用命令 --nofetch 安装:
cordova platform add android --nofetch
问题二:
在构建的ionic4项目打包的项目目录中不能出现中文,出现中文会乱码,打包不成功。
打包步骤:
前提是配置好上述环境:
1. 创建ionic4项目
ionic start myApp tabs
2. 运行项目
cd myApp
ionic serve
3. 构建android platform:
cordova platform add android --nofetch
4. 编译生成apk
ionic cordova build/run android
gradle安装与配置
1. 下载地址
需要注意的是下载bin目录这个文件
2. 下载完成之后解压到对应的目录
3. 配置环境变量
- 在系统变量中新建
变量名:GRADLE_HOME
变量值:C:\software\Android\gradle-5.4-rc-1
(下载的gradle的安装目录地址)
- 编辑Path,加入路径如下图所示,点击保存
变量值:%GRADLE_HOME%\bin;
4. 检验是否配置成功
命令:gradle -v