Android移動APP開發筆記——最新版Cordova 5.3.1（PhoneGap）搭建開發環境

引言 簡單介紹一下Cordova的來歷，Cordova的前身叫PhoneGap，自被Adobe收購後交由Apache管理，並將其核心功能開源改名為Cordova。它能讓你使用HTML5輕松調用本地API接口和發布應用到商店的應用開發平台。有低成本，低開發周期，輕量化等優點。它統一封裝了Andriod，IOS，WindowsPhone，Symbian等幾大移動開發平台的API，采用HTML5+JavaScript的混合開發的模式來開發智能移動的APP，解決系統兼容等問題。使用Cordova把APP從一個平台移植到另外一個平台只需要把HTML代碼跟JS打包一下就可以了，減少了大量的開發成本與開發時間，因此受到廣大企業與開發人員的青睐。現在不少的大型網站（例如京東，淘寶等）手機APP都是使用此種混搭模式進行開發。 詳細說明可看Cordova的官方網站 http://cordova.apache.org/
目錄

一、軟件下載

二、JDK安裝部署

三、Android SDK 安裝部署

四、Cordova/PhoneGap 安裝部署

五、建立Cordova 測試項目

一、軟件包下載

運行環境：Windows 7

JDK 7 下載：http://www.oracle.com/technetwork/java/javase/downloads/index.html
Android SDK 下載：http://android-sdk.en.softonic.com/
ADT-23.0.6下載：http://tools.android-studio.org/
Node-v4.1下載：https://nodejs.org/dist/latest/node-v4.1.0-x64.msi
Ant-1.9.6下載：http://apache.fayea.com//ant/binaries/apache-ant-1.9.6-bin.zip

回到目錄

二、JDK安裝部署

JDK (Java Development Kit) 是 Sun 針對Java開發員的產品，是現今使用最廣泛的Java SDK。JDK 是整個Java的核心，包括了Java運行環境和基礎類庫等。常用版本包括 JDK 6、JDK 7、JDK 8。

成功安裝 JDK7 後，必須設置環境變量，讓系統感知並能調用 JDK 7。

打開 “控制面板 --> 系統安全 --> 系統 --> 高級系統設置 --> 環境變量”，增加以下配置 :

變量 值 說明 java_home C:\ jdk7.win32.x86_64_1.7.0.u45 寫入JDK安裝的路徑 Path ;%java_home%\bin 在Path原有值上加入此值 classpath ;%java_home%\lib\dt.jar;%java_home%\lib\tools.jar 在classpath的原有值上加入此值

回到目錄

三、Android SDK 安裝部署

如果通過Eclipse來開發Andorid應用程序，配置好了JDK變量環境之後可以安裝Eclipse，然後下載Android SDK（Software Development Kit）並在Eclipse中安裝ADT插件，這個插件能讓Eclipse和Android SDK關聯起來。

3.1 ADT安裝

ADT 全名 Android Development Tools， 使用Eclipse開發Android，在Eclipse編譯IDE環境中安裝ADT，可以為Android開發提供開發工具的升級或者變更，方便Android SDK等版本的管理。當然，如果使用AndroidStudio等開發工具，ADT可無需安裝。

由於中國的特殊情況，防護牆把Google官網給封了，所以在Eclipse Marketplace中直接下載ADT，將出現類似 “Unable to connect to repository http://dl-ssl.google.com/android/eclipse/content.xml” 等錯誤。此時除了使用代理外，修改hosts等方法外，還可使用以下方法進行安裝。
首先在 http://tools.android-studio.org/下載ADT-23.0.6.zip包，打開菜單Help-InstallForSite

直接選擇已下載的ADT-23.0.6.zip包

安裝完成後，你可以看到新建項目時出現Android選項

3.2 部署環境變量

把下載的Android SDK解壓後，新建系統變量，操作類似於JDK1.7系統變量設置。選擇“系統變量”中變量名為“Path”的環境變量，變量後追加“;D:\MyEclipse Professional 2014\android-sdk-windows\tools;D:\MyEclipse Professional 2014\android-sdk-windows\tools\platform-tools;”

3.3 安裝Android SDK

官網上下載Android SDK後，直接打開SDK Manager

由於中國的特殊情況，防護牆把google官網給封了，所以下載前須打開菜單Tools-Options設置代理，否則會出現 “Fetching https://dl-ssl.google.com/android/repository/addons_list-2.xml” 等錯誤

HTTP Proxy Server設置為：android-mirror.bugly.qq.com
HTTP Proxy Port設置為：8080
也可參考網站 http://tools.android-studio.org/

選擇所需要的Android版本進行下載，如果下載版本多所占用的空間可能比較大，用的時間也比較長。個人下載了Android 5.1、Android 4.4、Android4.1.2等幾個版本，需要大約20G左右。

3.4 綁定Android SDK

打開菜單 windows-preferences ，選擇Android項目，把SDK Location綁定到 Android SDK 所在的文件夾，可看到剛剛所下載的各個Android SDK 版本

回到目錄

四、Cordova/PhoneGap 安裝部署

在官網下載最新版 Node-v4.1，完成安裝後，在環境變量中把path增加配置 “ ;C:\Program Files\nodejs\;”
為了方便管理，建議為Eclipse加入Ant插件。在Ant 官網下載 Ant-1.9.6，完成安裝後在環境變量中把path增加配置 “;D:\MyEclipse Professional 2014\apache-ant-1.9.6\bin” 。
此時，在命令提示符窗口執行以下命令 npm install -g cordova
等待三五分鐘，完成cordova安裝後，系統就會出現以下提示：

注意：Cordova 對 Android SDK 的版本是有要求的，如果需要控制所安裝的版本，可使用命令

npm install -g cordova@**** (版本號)

回到目錄

五、建立Cordova 測試項目

5.1 建立Android工程基礎文件

輸入命令 “cordova create AndroidFiles com.sun.androidapp AndroidTest” ，建立工程文件。
其中AndroidFiles是文件夾名稱，com.sun.androidapp是包名稱，AndroidTest是工程名稱

5.2創建工程實例

進入剛創建的文件AndroidFiles, 輸入命令 cordova platform add android 建立工程實例

除此以外，還可以用以類似命令創建 iOS、WP、BlackBerrry 等平台的實例

cordova platform add ios
cordova platform add wp7
cordova platform add wp8
cordova platform add blackberry10

同時，也可使用以下命令控制所生成實例的 Android SDK 運行環境

cordova platform add android@****（版本號）

此時，再輸入命令 cordovabuild ，當出現BUILD SUCCESSFUL等字樣後，代表項目已成功生成

此時可以用幾種簡單的方式對項目進行測試

浏覽器測試

輸入命令cordova serve android, 在浏覽器中打開相關地址 http://localhost:8000

手機測試

連接手機，選擇調試選項，輸入命令cordova run android

模擬器測試

輸入命令cordova emulate android<喎?/kf/ware/vc/" target="_blank" class="keylink">vcD4KPHA+PGltZyBzcmM9"/uploadfile/Collfiles/20160414/20160414090944400.png" alt="\" height="443" width="354">

5.4項目編輯配置

打開Eclipse，導入剛創建的工程，工程中包含兩個項目，一個是CordovaLib，一個是MainActivity。MainActivity為測試項目，CordovaLib 為Cordova 的源代碼項目。 首先選擇項目屬性，設置Android所運行的基礎平台。

注意：Cordova 5.3.1 中 CordovaLib 要求運行在 Android SDK 5.1.1, API Level 22或以上，否則某些API將報錯，MainActivity 運行的平台版本則可以按需要而設。

另外，JDK 1.7要求Android SDK 版本為API Level 17或以上，若選擇運行16或者以下運行環境，系統將會出現以下錯誤。此時可設置項目屬性，把運行環境設計為JDK 1.6 以解決問題。

一般在Eclipse使用Android Virtual Device (AVD) 虛擬器進行項目測試，在運行測試前，先配置運行環境。選擇Target->Manager

按下Create鍵，配置一台Android虛擬器，用戶可根據實際情況配置多台Android虛擬機。

完成配置後，選擇Start，啟動Android虛擬器

啟動調試後，選擇你所配置的虛擬機即可運行，在此Cordova的環境部署已經大功告成了，你可以在Eclipse中使用HTML5+Javascript方式完成Android開發了。 回到目錄
本章小結 使用Cordova/PhoneGap，應用程序的構建可以無需本地代碼，直接使用的是Web技術即可。由於這些API在多個設備平台上是一致的，都是基於HTML5 Web標准創建，因此應用程序的移植很方便。Cordova支持iOS、Android、Blackberry、Windows Phone、Palm WebOS、Bada和Symbian等多個平台，只需要使用平台SDK打包成應用程序，可以從每種設備的應用程序商店下載安裝。因此，Cordova將成為未來手機混合開發的新趨勢。 參考文章 Cordova（PhoneGap）通過CordovaPlugin插件調用 Activity 實例
Apache2.2+Tomcat7.0整合配置詳解
Windows Server 2008 R2 負載平衡入門篇
最新版Cordova 5.1.1（PhoneGap）搭建開發環境

作者：風塵浪子

http://www.cnblogs.com/leslies2/p/4819008.html

原創作品，轉載時請注明作者及出處