將HTML5封裝成android應用APK


  借鑒了網上很多的教程終於是把整個過程走通了,最主要的還是牆的問題....

先是要搭建環境(每一步都要檢查,確保安裝正確):

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名稱

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM