ionic3环境配置、创建项目及apk打包全部详解(Android)

在打包之前先配置好环境(Android)

一、基本环境配置

 1.1 nodejs (需要配置环境变量)

下载安装node.js即可,安装成功后在cmd中输入 node -v 查看是否安装成功。

 1.2 jdk (配置环境变量)

安装方法:下载完成按照提示安装,不出以为安装路径为:C:\Program Files\java ,jdk安装完成,打开环境变量进行相关配置。

ionic3环境配置、创建项目及apk打包全部详解(Android)_第1张图片

配置完成后,在cmd中,输入java -version验证是否安装成功。

ionic3环境配置、创建项目及apk打包全部详解(Android)_第2张图片

 1.3 sdk (需要配置环境变量)

同上面的jdk一样安装成功后配置环境变量

ionic3环境配置、创建项目及apk打包全部详解(Android)_第3张图片

需要在path中全局声明,将 %ANDROID_HOME%\tools 写在最后面,用【;】分隔符隔开(windows10不需要分隔符)

ionic3环境配置、创建项目及apk打包全部详解(Android)_第4张图片

配置完成后,打开cmd输入android -h , 如果出现很多指令说明sdk环境配置就ok了。

ionic3环境配置、创建项目及apk打包全部详解(Android)_第5张图片

然后打开sdk目录下的SDK Manager.exe,

选择你需要的android SDK进行安装,没有必要全部安装。

ionic3环境配置、创建项目及apk打包全部详解(Android)_第6张图片

ionic3环境配置、创建项目及apk打包全部详解(Android)_第7张图片

选择完成后进行下载即可。

1.4  gradle安装

下载安装 gradle 

安装在jdk \sdk 路径下,同样配置环境变量

ionic3环境配置、创建项目及apk打包全部详解(Android)_第8张图片

path中全局申明%GRADLE_HOME%\bin。

二、打包流程

2.1 全局安装ionic和cordova

用npm安装ionic和cordova,安装命令: npm install -g cordova ionic

打开cmd 输入 ionic -v  、 cordova -v 验证是否安装成功。

ionic3环境配置、创建项目及apk打包全部详解(Android)_第9张图片

2.2  创建ionic项目

创建项目:ionic start app tabs

然后cd到新创建的项目路径下,运行项目: ionic serve

稍等片刻运行成功后用浏览器打开

ionic3环境配置、创建项目及apk打包全部详解(Android)_第10张图片

如果能打开这个界面,说明你安装的环境没有问题,可以正式开发项目。

2.3 打包ionic项目

添加平台platforms : ionic cordova platform add android

打包项目,在项目中执行  : ionic cordova build android --release 

成功后ionic项目中会自动生成apk文件

生成的apk没有签名,Android还需要给apk签名。

此时,打包主要两个步骤

一:第一步生成签名文件

以管理员的身份运行cmd,cd到“C:\Program Files\java\jdk1.8.0_71\bin” 目录下生成签名文件【名字】.keystore

keytool -genkey -v -keystore [姓名].keystore -alias [姓名].keystore -keyalg RSA -validity 20000

如图:

ionic3环境配置、创建项目及apk打包全部详解(Android)_第11张图片

按回车即可生成签名【姓名】.keystore

ionic3环境配置、创建项目及apk打包全部详解(Android)_第12张图片

如果报错,查看你是否以管理员的身份运行的 。看看有没有keytool.exe和jarsigner.exe文件,这两个文件用于给APK签名,签名以后即可发布。

第二:第二步利用签名文件给apk签名

现在,将刚才打包未签名的apk 复制到“C:\Program Files\java\jdk1.8.0_71\bin”路径下改名为app.apk,执行签名操作

jarsigner -verbose -keystore [姓名].keystore -signedjar complete.apk app.apk [姓名].keystore

输入前面设置的签名密码即可完成签名。

ionic3环境配置、创建项目及apk打包全部详解(Android)_第13张图片

如图所示,IONIC打包的文件为app.apk,签名后的文件为new.apk,现在ionic打包工作就全部完成了,new.apk可以在手机上直接安装使用了。

你可能感兴趣的:(ionic3)