天天看點

用Cordova開發Android項目的程式步驟

  --------很多年以前就用過Cordova開發打包Android項目,最近又用到了,居然感覺手有點生了,于是寫下一篇部落格以備不時之需,同時希望能夠幫助廣大的碼農朋友們.

用Cordova開發打包Android項目需要具備的環境(window系統下)

       1,先下載下傳安裝好:node.js,    ant,     git,    JDK,    SDK(可以是Android studio,也可以是Eclipse下的),

       2,打開指令行(win + R)--->cmd--->輸入npm install -g cordova  //用node全局安裝cordova,

      3,cordova create cordova-demo com.example.cordovaDemo cordovaDemo   //在cordova-demo目錄建立一個項目,ID為com.example.cordovaDemo,項目名為cordovaDemo,

       4,cd cordovaCemo 目錄下,cordova platform  add android --save //加上Android平台,這會下載下傳一個Android架構,并把版本資訊儲存到config.xml中,你可以在platform/android目錄下檢視它,

       5,npm install ,//下載下傳node-modules

       6,cordova plugins add XXXXX(所需要的插件)          //在cordova的官網上查找插件,這裡列舉最常用的插件如下:

http://cordova.axuer.com/docs/zh-cn/latest/reference/cordova-plugin-battery-status/

cordova plugin add cordova-plugin-battery-status
           

  https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-camera/

cordova plugin add cordova-plugin-camera
           

https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-media-capture/ 

cordova plugin add cordova-plugin-media-capture
           

 https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-file/index.html

cordova plugin add cordova-plugin-file
           

https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-geolocation/

cordova plugin add cordova-plugin-geolocation
           

https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-globalization/

cordova plugin add cordova-plugin-globalization
           

https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-statusbar/

cordova plugin add cordova-plugin-statusbar
           

https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-splashscreen/

cordova plugin add cordova-plugin-splashscreen
           

https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-network-information/

cordova plugin add cordova-plugin-network-information
           

https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-media/index.html

cordova plugin add cordova-plugin-media
           

https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-inappbrowser/

cordova plugin add cordova-plugin-inappbrowser
           

     7,打開Android studio,将項目添加到Android studio中,根據自己的正常項目的版本配置好gradle版本号.

     8,然後将你所寫js項目導入到\platforms\android\assets\檔案夾下,也就是用你的項目替換掉它生成的www檔案夾。

    到此為止就可以在Android studio下運作你的項目了,

你也可以用cordova運作項目 :cordova run android 

檢查平台需求是否滿足:cordova requirements android

用cordova打APK包:cordova build android

查詢cordova版本号:cordova -v;

                                                                                                                                                                        2018年9月8日

                                                                                                                                                                                  袁鎮