cordova 打包工具

原文: 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 

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壓縮包，解壓後配置環境變量：

二、項目打包

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 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方法沖突。

     解決方案：檔案夾中不允許包含-，将其改成下劃線