使用Phonegap/Cordova編寫跨平臺(Android/iOS)應用 (1) Android

安裝篇:

1. 我是在Win7上面進行Cordova的安裝的. 首先要確認如下幾個擴展名的文件被設成可執行文件(.exe .bat .cmd). 步驟:

    c:>set pathext

    若是你發現上述三種擴展名不是都在這個pathext變量中, 就得在"計算機"->"屬性"->"高級系統設置"->"環境變量"中修改PATHEXT, 確保添加了.exe .bat .cmd

NOTE: 切記要把 .bat 寫在 .cmd 以前。不然 ant的調用就會調用不到 ant.bat

2. 安裝nodejs: 到http://www.nodejs.org/  下載安裝nodejs.

3. 安裝Cordova: 在DOS環境下輸入下述命令

    npm install -g cordova

‍4. 安裝Eclipse (假設你是安裝最新版的 Kepler)

5. 安裝 JVM. 若是你目前使用的是 IBM J9, 務必要從新下一個Oracle 的JDK/JRE. IBM的J9是過不了 Sun security認證的, 到時候要在Eclipse裏面運行 Android app, 確定會出錯. ("sun/security/x509/x500Name" 的錯誤).

    而且, 若是你的 Eclipse 是 64位的話，務必要下載一個64位的JDK，不然 Eclipse啓動的時候會出現 「Java has started, but returned exit code =13」的錯誤

   爲了確保 Eclipse使用正確的JVM (像個人系統確實起着 IBM J9, 又不能刪掉)，在 eclipse.ini中添加以下一行，

   -vm
   d:/Java/jdk1.8.0/bin/javaw.exe

   我用的是jdk 1.8, 這行必須加在 -vmargs 以前纔可以生效。而且把下面一行的版本要求改爲和你使用的 jdk版本一致。

 -Dosgi.requiredJavaVersion=1.8

  在 Eclipse的 windows -> preferences ->Java -> installed JREs 中要添加你新裝的 Java/JRE的目錄，方法是「Add"->"Standard VM"

5. 在Eclipse 裏面安裝 ADT. 強烈建議使用離線安裝的方法來安裝 ADT. 由於用在線安裝的話, 有些網址你會過不了的. 離線安裝的方法能夠參考其它文章。

6. 更新 Android SDK 至 Android API 19 版本。我係統中原來使用的是 Android API 17，但在 cordova platform add android 時，會報錯，告知要升級到 Android API 19. 至於如何升級，能夠看相關的其它介紹文章，就不在這裏說了。

    不過，若是你不想更新 Android API 的話，還有個可行辦法。修改你的 framework下面的 project.properties.

C:\Users\USER_NAME\.cordova\lib\android\cordova\3.4.0\framework\project.properties

    把裏面的target=android-19 改爲 target=android-17 便可。

創建第一個Android 項目：

1. 經過下述命令創建第一個Android 項目。其中phonegap1是項目名稱

cordova create phonegap1 com.example.phonegap1 PhoneGap1

2. 添加平臺支持。在這裏，咱們假設AndroidSDK已經安裝。須要先確認android tools 及 platform-tools 的目錄被添加到了環境path中。例如個人目錄爲：

D:\adt-bundle-windows-x86_64\adt-bundle-windows-x86_64\sdk\tools

D:\adt-bundle-windows-x86_64\adt-bundle-windows-x86_64\sdk\platform-tools

   進入工程目錄： c:>cd phonegap1

   運行下述命令： c:\phonegap1>cordova add platform android

4. 啓動 Eclipse, 選擇 File ->New ->Project ->Android->Android project from existing code

    在root directory 中填入 c:\phonegap1

    出現了兩個項目：

    PhoneGap1

    PhoneGap1-CordovaLib

    就對了。

5. 先編譯 CordovaLib的項目，再編譯 PhoneGap1項目。

6. 在 Emulator上運行 PhoneGap1

第一個應用大功告成！

===============Backup =====================================

4. 安裝 ant，原本個人系統已經安裝了與 eclipse bundle的 ant。但由於老是出錯，因此從新安裝最新的 ant. 我發稿時，已是 apache-ant 1.9.3的版本。能夠從下面連接下載。

http://ant.apache.org/bindownload.cgi

    對於 ant 的安裝配置，能夠參見 http://ant.apache.org/manual/index.html

    主要關鍵是須要在環境變量中設定好 ANT_HOME （ant的目錄，如 D:\adt-bundle-windows-x86_64\adt-bundle-windows-x86_64\apache-ant- 1.9.3），還有 JAVA_HOME。JAVA_HOME 須要設置的是 jdk的目錄，由於須要 tools.jar 。因此在個人系統中，設定的是 JAVA_HOME = C:\Program Files (x86)\Java\jdk1.7.0_21

    另外，還須要把 ant 的 bin目錄設到 path 中，如 PATH=%PATH%; D:\adt-bundle-windows-x86_64\adt-bundle-windows-x86_64\apache-ant-1.9.3\bin

3. 爲項目安裝基本的 plugin

   c:\phonegap1>cordova plugin add org.apache.cordova.device

   c:\phonegap1>cordova plugin add org.apache.cordova.console