安裝說明

1.安裝的相關套件

要安裝Apache Cordova之前須安裝的工具程式

• Nodejs - v0.10.29 – 用來安裝cordova的套件管理程式
• Git client – 下載、更新位於github上的cordova plugin套件
• Apache ant - 將編譯、測試、部署等步驟自動化的一個工具，可以用來自動化生成iOS, Android等套件
• ADT Bundle – 編譯Android apk套件*

2.開啟cmd並輸入以下指令，如圖2所示

$npm install -g cordova

圖2. 使用npm(node package manager)安裝cordova

3.設定環境變數

path=C:\ProgramFiles\nodejs\; C:\Users\master\AppData\Roaming\npm; D:\apache-ant\bin; D:\adt-bundle-windows-x86_64-20140702\sdk\tools; D:\adt-bundle-windows-x86_64-20140702\sdk\platform-tools; C:\Program Files\Java\jdk1.8.0_05\bin; C:\Program Files (x86)\Git\bin;

下載jdk->http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

新增 變數名稱 : JAVA_HOME
變數值 : C:\Program Files\Java\jdk1.8.0_05

4.重開cmd，產生一個新的Cordava App專案，如圖3所示

$cordova create gcm com.example.career HelloWorld

圖3. 產生一個新的CordavaApp專案，專案名稱為HelloWorld，id為com.example.career，專案目錄為gcm

5.至ADT Bundle安裝目錄執行SDK Manager.exe，如圖4所示

1、 安裝對應的Android SDK，如Android 2.3.3(API10)、Android 4.4.2(API19)。
2、 安裝Extra套件
圖4. 執行SDK Manager.exe

6.切換到新app的工作目錄下

$ cd gcm

7.產生對應的執行平台

# 移除既有平台
$ cordova platform remove wp8  
$ cordova platform remove windows8  
$ cordova platform remove android  
# 新增平台
$ cordova platform add wp8
$ cordova platform add windows8
$ cordova platform add android

8.新增外掛模組及建立app

$ cordova plugin add https://github.com/phonegap-build/PushPlugin.git
$ cordova plugin add org.apache.cordova.device
$ cordova plugin add org.apache.cordova.media #optional
# 建立Android app
$ cordova build android

9.建立android模擬器，如圖5所示

  $ android avd

1、 AVD Name : 自訂模擬器名稱
2、 Device : 使用的裝置 (測試中使用了Nexus5)
3、 Target : 平台(測試中使用了Android2.3.3(API Level10)
4、 CPU : ARM(armeabi)
5、 skin : (測試中使用了HVGA)
6、 Memory Options : RAM(768)

圖5. android模擬器

10.啟動模擬器
點選剛剛建立好的模擬器start (需要等一段時間才會跑好)

11.將建立好的app上傳到模擬器執行
開一個新的cmd

 $ cd gcm
 $ cordova emulate android 

模擬器中的功能頁就會新增app 並且自動執行該app