Cordova的部署步驟

用命令行的方式來部署Cordova：

1.安裝 nodejs

下載：http://nodejs.org/download/.安裝完畢後須要重啓。

2.安裝 cordova

打開cmd命令行，執行：npm install -g cordova

安裝約10分鐘。

3.安裝 ant

下載ant包，解壓到一個文件夾，如：E:\NodeJs\apache-ant-1.9.6

Ant官網：http://ant.apache.org/bindownload.cgi

 

配置環境變量：

配置環境變量.(若是不清楚環境變量配置的話，能夠查找相關資料，這裏不作具體介紹。)

window中設置ant環境變量：（以筆者爲例）

ANT_HOME： E:\NodeJs\apache-ant-1.9.6

Path： E:\NodeJs\apache-ant-1.9.6\bin

Classpath： E:\NodeJs\apache-ant-1.9.6\lib

 

配置該路徑到環境變量中，此時若android sdk未配置環境變量的，一併配置。以防後面報錯。

Window中設置androidSDK環境變量：

ANDROID_SDK_HOME  ：E:\AndroidSDK

PATH：%ANDROID_HOME%\tools;

驗證：android –h

 

 

Window中設置androidSDK環境變量：

ANDROID_HOME  ：E:\AndroidSDK

PATH：;%ANDROID_SDK_HOME%\platform-tools;%ANDROID_SDK_HOME%\tools;

驗證：adb

 

 

4.建立一個 cordova 工程

 

cordova create hello com.shj.helloworld helloapp

其中，第一個 hello 是文件夾的名稱；om.shj.helloworld 是app id，第二個 helloapp是工程的名稱，也是應用的名稱。

提示下載庫，請等待。

 

下載完成。

5.進入工程文件夾

cd hello

 

6.添加平臺支持

有多種平臺可選.命令以下：

$ cordova platform add ios $ cordova platform add amazon-fireos $ cordova platform add android $ cordova platform add blackberry10 $ cordova platform add firefoxos $ cordova platform add wp7 $ cordova platform add wp8 $ cordova platform add windows8

此處選擇cordova platform add android

在工程文件夾下輸入該命令：

 

項目建立完畢。

7.添加插件支持

主要爲系統硬件訪問的插件，常見如照相機、媒體訪問、設備訪問、加速設備、定位設備等。能夠動態的按需求去添加，譬如按如下方式添加,，更多插件請去cordova 官網查看。

基本設備資訊 （設備 API）：

$ cordova plugin add org.apache.cordova.network-information $ cordova plugin add org.apache.cordova.battery-status

網路鏈接和電池事件：

相機、 媒體重播和捕獲：

$ cordova plugin add org.apache.cordova.camera $ cordova plugin add org.apache.cordova.media-capture $ cordova plugin add org.apache.cordova.media

訪問設備或網路 （檔 API） 上的檔：

$ cordova plugin add org.apache.cordova.file $ cordova plugin add org.apache.cordova.file-transfer

8.構建應用

cordova build

 

若上圖出現此命令需更新ant版本

 

上圖出現該提示，BUILD成功。即將 hello/www 下的內容，構建到添加的各平臺內。如 android 平臺，會構建到此目錄：hello\platforms\android\assets\www。

eg:android

將主目錄下文件導入 android 和 IOS 相關目錄下

進入目錄：  cordova  build  android