ionic打包app——以安卓版本为例 辛苦之路~~~

最近同事做了个angular项目,因为要离职,所以项目我就来接手了,用ionic打包app,然后无数配置的坑就等着我了~~~

环境安装

1.nodejs

因为自己刚接触做angular项目,就更新到了最新的版本

ionic打包app——以安卓版本为例 辛苦之路~~~

 

注意:之前一个网友说自己安装版本5.7,尽量不要安装太新的版本,因为可能会出现兼容性问题,一开始本人安装的是6.+的版本,后来出现问题的,马上换回5.7的,问题就不会出现了。

2.JDK 

下载安装jdk,我这里装的版本是1.8,(切记要和自己电脑的位数要一致 32/64,不然打包过程可能会出问题)

jdk官网下载地址:https://www.oracle.com/technetwork/java/javase/overview/index.html,下载好后默认安装完成。

 

bug解决办法:jdk之前安装了最新版本13.0.1 ,结果打包的时候一直出这个错,最后解决办法:把13.0.1卸载掉,安装低版本,1.8.0,有效解决问题

ionic打包app——以安卓版本为例 辛苦之路~~~

ionic打包app——以安卓版本为例 辛苦之路~~~

 

 

 

 

 

 

配置环境变量:(我的电脑——属性——高级系统设置——环境变量——系统变量)

新建系统环境变量 JAVA_HOME,路径指向jdk的安装目录,如:C:\tools\Java\jdk1.8.0_151;

新建系统环境变量CLASS_path,路径: %JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar

在系统变量path里面添加:%JAVA_HOME%\bin;

尝试window+R向命令行输入java -version

ionic打包app——以安卓版本为例 辛苦之路~~~

3.SDK

下载安装sdk即可,下载官网https://www.androiddevtools.cn/ 我安装的Windows IDE 安装版 (64-bit)版本

默认安装完成

4.确保已经安装有ionic 和cordova

npm install ionic cordova -g

5.到这里,环境安装的差不多了,可以进行打包了

执行添加安装平台的命令

cordova platform add android

打包项目

ionic cordova build android --prod --release

6.运行的时候报错,没有安装gradle。从官网下载 https://gradle.org/install/#manually 

 

ionic打包app——以安卓版本为例 辛苦之路~~~

 

 

 点击complete下载,解压放到tools文件夹下,然后在path进行配置(我的电脑——属性——高级系统设置——环境变量——系统变量——path配置gradle路径)

ionic打包app——以安卓版本为例 辛苦之路~~~

ionic打包app——以安卓版本为例 辛苦之路~~~

 

 

 

7.配置完成后,关闭cmd窗口,重新打开cmd命令,输入ionic cordova build android --prod --release 进行打包,会出现下面这个地址,就是打包好的安卓apk地址,然后进行手机安装

ionic打包app——以安卓版本为例 辛苦之路~~~

 

 

 8.安装过程中发现安装失败,因为没有证书,原因没有签名所以不会给通过

 

ionic打包app——以安卓版本为例 辛苦之路~~~

 

 解决办法:

1.C:\Users\huochaihy\AppData\Local\Android\Sdk\tools\bin>sdkmanager --licenses  后续全选y(yes),安卓sdk 授权

ionic打包app——以安卓版本为例 辛苦之路~~~

 

 

2.新建一个签名文件夹,在文件夹下打开cmd窗口命令,把刚才找到的apk包复制过来,输入以下命令生成密匙

# 生成密钥 (参考地址:https://blog.csdn.net/bao19901210/article/details/79629112)
# keytool -genkey -v -keystore myApp.keystore -alias myApp -keyalg RSA -keysize 2048 -validity 20000

# keytool -genkey -v -keystore 密钥名字 -alias 别名 -keyalg RSA -keysize 2048 -validity 20000

ionic打包app——以安卓版本为例 辛苦之路~~~

 

 

3.生成签名 (参考地址:jarsgner 签名命令 https://blog.csdn.net/dengweijunkedafu/article/details/69949003)

-- 签名 
jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore myApp.keystore app-release-unsigned.apk myApp

 

 

 ionic打包app——以安卓版本为例 辛苦之路~~~

 

 注意:把签名单独拎出来的原因是:你只需要执行签名命令就行,就不需要在执行生成签名文件命令了,给他拎出来是因为如果我生成的签名文件在你刚才那个目录里你重新打包就会把签名文件删除掉

8.最后我们如果更新了项目,重新打包的时候,先运行 

ionic cordova build android --prod --release

成功后找到安卓apk,把没有授权的apk文件放到自定义“签名”文件夹下,然后再运行签名命令就可以了

jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore myApp.keystore app-release-unsigned.apk myApp

最后“签名”文件夹中的app-release-unsigned.apk进行安装就可以了

==================================================================================================================

 bug问题总集:

node-sass 安装卡在node scripts/install.js

解决办法:命令行输入:npm install node-sass

ionic 打包报错[ERROR] An error occurred while running cordova prepare (exit code 1):

解决办法:删除并重新添加平台以使用以下命令解决问题:

cordova platform rm ios

cordova platform add ios

如果执行 ionic cordova build android报错,执行下面的试下:

cordova platform rm android

cordova platform add android

 

 

 

上一篇:PhoneGap:下载和保存iPhone和Android的二进制文件(mp3)


下一篇:PhoneGap插件,为什么每个平台(Android,iOS)的Javascript部分不同?