ionic4打包android apk具体步骤及环境搭建

环境安装

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工程
  1. 查看支持的平台或版本:
    ionic cordova platform ls
  2. 构建android platform(必须在对应的ionic项目中执行):
    ionic cordova platform add android

说明:此步骤会修改ionic的目录结构,让ionic支持cordova。构建成功后,会在platforms目录下生成一个android工程。

4. 配置android sdk环境
  1. 安装jdk——点我查看
  2. 安装android-sdk,这里我安装的是Android Studio,会自动安装sdk——点我查看
  3. 安装gradle(下载、解压、配置环境变量)—— 具体安装步骤附文章最后
5. 打包

执行命令:ionic cordova build android
编译成功之后,会在C:\myApp\platforms\android\app\build\outputs\apk\debug目录下生成一个 xxx.apk文件。
ionic4打包android apk具体步骤及环境搭建

6. 打包遇到的问题

问题一:

在使用ionic cordova build android打包的时候出错

解决方法:

  • 移除android工程:ionic cordova platform remove android
  • 使用命令 --nofetch 安装:cordova platform add android --nofetch

ionic4打包android apk具体步骤及环境搭建
问题二:
在构建的ionic4项目打包的项目目录中不能出现中文,出现中文会乱码,打包不成功。


ionic4打包android apk具体步骤及环境搭建


打包步骤:

前提是配置好上述环境:

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目录这个文件
ionic4打包android apk具体步骤及环境搭建

2. 下载完成之后解压到对应的目录

ionic4打包android apk具体步骤及环境搭建

3. 配置环境变量
  • 在系统变量中新建
    变量名:GRADLE_HOME
    变量值:C:\software\Android\gradle-5.4-rc-1 (下载的gradle的安装目录地址)
    ionic4打包android apk具体步骤及环境搭建
  • 编辑Path,加入路径如下图所示,点击保存
    变量值:%GRADLE_HOME%\bin;
    ionic4打包android apk具体步骤及环境搭建
4. 检验是否配置成功

命令:gradle -v
ionic4打包android apk具体步骤及环境搭建