主要流程:
安裝node.js --> 安裝jdk --> 安裝AndroidSDK --> 安裝cordova --> 安裝ionic --> 創建項目 --> 編譯項目apk
一、安裝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
二、安裝jdk(無需配置環境變量)
不建議更改安裝路徑。
網盤地址:
鏈接: https://pan.baidu.com/s/1Q5_nAhaJq6Ahw5DqSIzxXA 密碼: 2sy7
查看版本:
java -version
三、安裝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 來安裝,耐心等待即可。
四、安裝cordova
cmd執行:
cnpm install -g cordova@6
查看版本:
cordova -v
五、安裝ionic
cmd執行:
cnpm install -g ionic@3.12.0
查看版本:
ionic -v
六、創建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就輸入幾
七、添加平台
cd 到app目錄下,執行
ionic cordova platform add android
添加完平台后app目錄下會多了一個 platforms 文件夾
八、下載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'
如下圖:
將:
改為:
保存關閉。
九、打包
cd到app目錄下,執行:
ionic cordova build android
打的apk包在畫紅線那個路徑下面。將apk文件發送到手機就可以安裝了。
十、APK簽名
此時你已經有了debug的包,這個包是用來進行本地開發測試使用的,這個apk包是有簽名的,所以他能被安裝到手機上,但是這個包不能用來上架。所以我們要執行下面的命令,用來生成一個沒有簽名的apk包。
ionic cordova build android –release
簽名步驟:
1、生成簽名(.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該數字證書的有效期
2、簽名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項目從創建到打包已經完成。
十一、可能發生的錯誤
1、打包時出現的問題:
解決方法:
進入SDK Manager.exe,安裝SDK Platform API25
再執行一次打包命令:
ionic cordova build android
歡迎交流~http://www.cnblogs.com/chenglu/