环境安装
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
320
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
