ionic3 建立項目至apk打包全過程教程

 

主要流程：

安裝node.js  -->  安裝jdk  -->  安裝AndroidSDK  -->  安裝cordova  -->  安裝ionic -->  建立項目  -->  編譯項目apk

 

1、安裝nodejs

不要安裝最新版。

不建議更改安裝路徑。

網盤地址：

　　連接: https://pan.baidu.com/s/1Q5_nAhaJq6Ahw5DqSIzxXA 密碼: 2sy7

 

查看nodejs版本：

　　node -v

查看npm版本：

　　npm -v

安裝淘寶鏡像 ：

　　npm install -g cnpm --registry=https://registry.npm.taobao.org

查看cnpm版本：

　　cnpm -v

2、安裝jdk（無需配置環境變量）

不建議更改安裝路徑。

網盤地址：

　　連接: https://pan.baidu.com/s/1Q5_nAhaJq6Ahw5DqSIzxXA 密碼: 2sy7

 

查看版本：

　　java -version

3、安裝sdk（須要配置環境變量）

網盤地址：

　　連接: https://pan.baidu.com/s/1Q5_nAhaJq6Ahw5DqSIzxXA 密碼: 2sy7

 

右鍵X解壓

重命名爲sdk

跟jdk放在一個父目錄，便於查找。C:\Program Files\sdk

 

配置環境變量

計算機——右鍵屬性——-高級系統設置——-環境變量

 

在系統變量中新建：

　　變量名：ANDROID_HOME

　　變量值：C:\Program Files\sdk

 

在Path變量中將

　　;%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools

　　添加到變量值最後（注意前面有分號）

 

檢查配置是否正確：

　　android -h

執行命令就表明安裝無誤。

SDK Manager.exe工具

打開界面上的Tools,選擇options，先配置國內鏡像：

域名千萬不要輸入http或者https協議前綴

　　mirrors.neusoft.edu.cn

回到主界面，點packages再點reload

 

按照下面圖片進行勾選：

 

 

點右下角 install packages 來安裝，耐心等待便可。

4、安裝cordova

cmd執行：

　　cnpm install -g cordova@6

 

查看版本：

　　cordova -v

5、安裝ionic

cmd執行：

　　cnpm install -g ionic@3.12.0

查看版本：

　　ionic -v

6、建立ionic項目

建立

cd到要放置app的目錄下，執行：

　　ionic start myapp tabs --skip-npm

解釋：

　　myapp：項目名稱（自定義）

　　tabs：ionic模板，還有blank

　　--skip-npm：跳過npm安裝

cd到app目錄補全文件

執行：　　

　　cnpm i

cd到app目錄運行項目

執行：

　　ionic serve

 

若是出現 localhost，有幾個localhost就輸入幾

 

7、添加平臺

cd 到app目錄下，執行

　　ionic cordova platform add android

添加完平臺後app目錄下會多了一個 platforms 文件夾

8、下載gradle插件

打開：http://services.gradle.org/distributions/

選擇 gradle-2.14.1-all.zip

或者

網盤地址：

　　連接: https://pan.baidu.com/s/1Q5_nAhaJq6Ahw5DqSIzxXA 密碼: 2sy7

 

下載完不用解壓，直接拷貝到項目文件下的這個文件下：

注意：新項目沒有gradle這個文件夾，須要新建一個，文件名不要寫錯。

 

修改配置：

找到下面路徑下的 GradleBuilder.js文件

 

用代碼編輯器打開 GradleBuilder.js：

將：  

　　'https\\://services.gradle.org/distributions/gradle-2.14.1-all.zip' 

改成： 

　　'../gradle-2.14.1-all.zip'

 

以下圖：

將：

改成：

 

保存關閉。

9、打包

cd到app目錄下，執行：

　　ionic cordova build android

 

打的apk包在畫紅線那個路徑下面。將apk文件發送到手機就能夠安裝了。

10、APK簽名

此時你已經有了debug的包，這個包是用來進行本地開發測試使用的，這個apk包是有簽名的，因此他能被安裝到手機上，可是這個包不能用來上架。因此咱們要執行下面的命令，用來生成一個沒有簽名的apk包。

　　ionic cordova build android –release

 

簽名步驟： 

一、生成簽名(.keystore)文件

打開cmd，cd到jdk的bin目錄，執行：

　　keytool -genkey -v -keystore cl.keystore -alias cl.keystore -keyalg RSA -validity 20000

說明：  

　　-genkey 產生密鑰

　　-keystore cl.keystore 證書的文件名

　　-alias cl.keystore證書的別名

　　-keyalg RSA 使用RSA算法對簽名加密

　　-validity 20000該數字證書的有效期

 

二、簽名apk

把將要簽名的apk放在jdk文件bin目錄下，cmd執行：

　　jarsigner -verbose -digestalg SHA1 -sigalg MD5withRSA -tsa http://sha256timestamp.ws.symantec.com/sha256/timestamp -keystore cl.keystore -signedjar icl.apk android-release-unsigned.apk cl.keystore

說明：  

　　jarsigne　　是工具名稱

　　-verbose　　表示將簽名過程當中的詳細信息打印出來

　　-digestalg SHA1 -sigalg MD5withRSA -tsa http://sha256timestamp.ws.symantec.com/sha256/timestamp　　時間戳

　　-keystore cl.keystore　　以前生成的證書 
　　-signedjar icl.apk　　簽名後的apk 
　　android-release-unsigned.apk　　須要簽名的apk 
　　cl.keystore　　證書的別名

 

這樣簽名完成的apk就能夠上架了。

 

至此，一個app項目從建立到打包已經完成。

 

11、可能發生的錯誤

一、打包時出現的問題：

解決方法：

進入SDK Manager.exe，安裝SDK Platform API25

再執行一次打包命令：

　　ionic cordova build android

 

 

歡迎交流~http://www.cnblogs.com/chenglu/