借鑒了網上很多的教程終於是把整個過程走通了,最主要的還是牆的問題....
先是要搭建環境(每一步都要檢查,確保安裝正確):
1.安裝 nodejs
淘寶鏡像:
npm install -g cnpm --registry=https://registry.npm.taobao.org
檢查是否安裝成功: cmd下輸入node -v 出現版本號
2.jdk並配置java環境 傳送門
檢查是否安裝成功: cmd下輸入javac 出現幫助提示
3.安裝Cordova
npm install -g cordova
檢查是否安裝成功: cmd下輸入cordova -v 出現版本號
4.安裝安卓sdk並配置環境 傳送門
檢查是否安裝成功: cmd下輸入adb version
5.安裝 ionic
$ npm install -g ionic
檢查是否安裝成功: cmd下輸入ionic -v 出現版本號
創建Ionic項目 項目內容在WWW內
ionic start cutePuppyPics --v2 //測試用 ionic start myIonic blank //項目中創建空模版
要運行你的應用程序時,cd到創建的目錄,然后運行Ionic服務命令(Windows下去掉'$'):
$ cd cutePuppyPics $ ionic serve
完成后會在瀏覽器中如下顯示:
部署到手機
ionic platform add android ionic platform add ios
輸入ionic platform list 可以查看版本號
調試
ionic run android --livereload -c -s
-c
是開啟客戶端日志輸出,-s
是開啟服務器端日志輸出 注:項目內不能存在任何中文命名的文件,否則有可能報錯
android打包
如果以上均可執行,則輸入命令即可玩成打包 APK存放路徑: demo(項目名)\platforms\android\build\outputs\apk
ionic build android -release
此時的APK還無法使用,需要進行簽名 傳送門 :
keytool -genkey -alias demo.keystore -keyalg RSA -validity 40000 -keystore demo.keystore jarsigner -verbose -keystore demo.keystore -signedjar demo_signed.apk demo.apk demo.keystore //注意着兩段代碼都是整行輸出,百度經驗上的直接復制可能出錯,還有密鑰口令其實是輸進去了的,只是被隱藏了。
//未簽名的APP無法安裝
app demo:
http://pan.baidu.com/s/1i5Pv9JJ
修改APP圖標和名稱:
C:\WeiTradeAPP(項目名)\platforms\android\res
在value和xml里面修改app名稱