ionic4如何打包成Andriod平台下的apk文件

目录（大致分为6个步骤）

1.搭建环境

2.安装AndroidStudio

3.构建安卓平台

4.构建项目

5.解决cordova问题

6.安装生成的apk文件

7.注意事项

---

 

 

前言

发布需要用到的AndroidSdk和Gradle的确存在版本匹配的问题，但是执行下面的步骤程序会自适应版本

 

1.搭建环境

 

1.1安装nodejs。

1.2安装npm/cnpm

1.3安装ionic，安装angular

1.4安装cordova

• 输入cnpm install -g cordova ionic

1.5安装jdk。记得配置jdk的环境变量

1.6安装gradle

• 点击链接，下载最新版本的bin.zip文件
• 
• 下载之后解压到对应的目录(这个目录大家随便，只要别有中文就行，因为使用的时候是通过环境变量的)，如图
• 

• 配置环境变量
  在系统变量中新建
  变量名：GRADLE_HOME
  变量值：C:\software\Android\gradle-5.4-rc-1 （下载的gradle的安装目录地址）

•  

  

  编辑Path，加入路径如下图所示，点击保存
  变量值：%GRADLE_HOME%\bin;

   

•  

  

   

• 1.7查看各个环境的版本，本人的版本如下

nodejs------11.12.0

npm------6.7.0

cnpm------6.0.0

ionic------4.3.0

cordova------9.0.0

jdk------jdk1.8.0_201

gradle------5.5-rc-1

angular------6.2.4

 

2.安装AndroidStudio

 

参考如下博客即可，记得配置SDK的环境变量

https://blog.csdn.net/yw00yw/article/details/89212124

 

 

3.构建安卓平台

 

在项目中输入命令

ionic cordova platform add android

 

 

4.构建项目

 

在项目目录下执行命令

ionic cordova build android

 

 

5.解决cordova问题

 

在第四步会遇见如下问题

 

解决方法：

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

(还有一种情况，如何你的angular版本和其他版本不匹配，也会报上述错误，具体版本可以参考上面我的)

 

 

6.安装生成的apk文件

 

第五步遇见的问题解决后，再次输入如下命令把编译成apk文件

ionic cordova build android

 

编译成功后，终端会显示apk的路径，我们去本次磁盘中找到这个文件 

 

这格式是不是很亲切呢？可以安装到手机上了，来一张效果图。

 

 

 

7.注意事项

 

 

1.我在第六步卡了一上午，原因是程序在node_modules文件夹中报错，解决过程如下。

• 首先把程序中的node_modules文件夹删除掉
• 删除成功后执行cnpm install重新下载node_modules
• 然后再输入ionic cordova build/run android打包程序就好了~

 

2.再次强调，androidsdk和gradle的确存在版本匹配的问题，但是执行上面的步骤程序会自适应版本，程序会知道自己要从网上下载哪个版本的gradle包。