cordova 打包工具
一、環境安裝
1、安裝NodeJs
https://nodejs.org 直接去官網下載並按默認路徑安裝就可以了。
安裝完成後在命令行: (測試成功!)
$ npm
2、安裝Cordova
命令行:$ npm install -g cordova
如果安裝不成功,一般是網絡原因, 安裝成功後命令行: $ cordova
(測試成功!)
PS:也可以安裝cnpm,這樣就容易裝cordova
npm install -g cordova --registry https://registry.npm.taobao.org
npm install -g ionic --registry https://registry.npm.taobao.org
PPS:這種安裝方式,默認安裝的是最新版本的cordova,如果想要安裝特定版本的cordova,比如說cordova4.1.1,輸入以下命令:
npm install -g [email protected]
cordova的版本是和android的sdk的版本是有對應關系的
3、部署Android開發環境
Cordova是一種Hybrid開發,可以被部署到android,ios等多個手機平臺。這裏我們以android為目標平臺。
接下來我們開始android平臺下相關環境的部署。
這裏我們安裝AndroidStudio,可以訪問 http://www.android-studio.org/
裏邊有國內的下載鏡像。
PS:理論上,AndroidStudio可以不安裝,但第一次使用Cordova或者遇到問題,用AndroidStudio容易調試
4、安裝JDK
oracle官網 http://java.oracle.com/ (下不來的FQ~~)
或國內鏡像 http://jdk.android-studio.org/
下載安裝後,配置環境變量:http://www.cnblogs.com/yuzhongwusan/archive/2013/03/26/2982411.html
5、安裝Android SDK
下載並安裝AndroidStudio,http://developer.android.com/sdk/index.html
安裝完成後配置sdk環境變量(cordova命令要用到):http://jingyan.baidu.com/article/f71d603757965b1ab641d12a.html
6、安裝Ant
Ant是java平臺下一個打包部署的工具,使用cordova命令的時候需要借助這個工具。
http://ant.apache.org/bindownload.cgi,下載zip壓縮包,解壓後配置環境變量:http://www.cnblogs.com/yuzhongwusan/archive/2013/03/26/2982411.html
二、項目打包
1、創建一個cordova項目
在命令行中敲入以下命令:
cordova create test com.example.test :其中第一個位置的test是指你的項目名,第二個位置的com.example.test是指你打包的apk的包名。
2、增加cordova平臺
進入你建立的項目目錄test,在命令行中敲入以下命令:
cordova platform add android
這裏添加的平臺是android的,你也可以添加其他的平臺:
cordova platform add wp8
cordova platform add windows
cordova platform add amazon-fireos
cordova platform add android
cordova platform add blackberry10
cordova platform add firefoxos\
當然如果你不想使用哪個平臺,你可以把它刪除掉:
cordova platform rm ios
cordova platform rm firefoxos
cordova platform rm windows
cordova platform rm wp8
cordova platform rm firefoxos
cordova platform rm android
你也可以通過命令查看都有哪些平臺以及你已經安裝了哪些平臺:
cordova platforms ls
3、編譯打包
將你寫的一些html、css、js文件放到你建的項目目錄下的www文件下對應的位置:
然後在命令行下輸入以下命令:
cordova build android
然後就是靜靜的等待編譯。。
根據成功提示,在platforms\android\build\outputs\apk下為生成的WebApp安裝包
三、在AndroidStudio中打開Cordova項目
1、打開AS,FILE-New-Import Project
2、選擇剛剛編輯打包生成的Cordova項目中的platforms\android\build.gradle文件
四、遇到的問題
1、項目采用Framework7+RequeireJs單頁面,按需加載,項目Js文件夾命名為View-Js,RequireJs無法正確找到文件路徑,剛開始以為是requireJs與cordova的require方法沖突。
解決方案:文件夾中不允許包含-,將其改成下劃線
cordova 打包工具