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/

 

 

目錄

1、軟件下載

2、JDK安裝部署

3、Android SDK 安裝部署

4、Cordova/PhoneGap 安裝部署

5、創建Cordova 測試項目

 

 

1、軟件包下載

運行環境：Windows 7

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

回到目錄

 

2、JDK安裝部署

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

成功安裝 JDK 7 後，必須設置環境變量，讓系統感知並能調用 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的原有值上加入此值

 回到目錄

3、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等版本的管理。固然，若是使用Android Studio等開發工具，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.一、Android 4.四、Android4.1.2等幾個版本，須要大約20G左右。

3.4 綁定Android SDK

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

 回到目錄

4、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@****  (版本號)

 回到目錄

5、創建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@****  （版本號）

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

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

• 瀏覽器測試

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

• 手機測試

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

 

•  模擬器測試

輸入命令cordova emulate android

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將成爲將來手機混合開發的新趨勢。

 

 

Android開發筆記

全面剖釋 Android Service 服務

Cordova（PhoneGap）經過CordovaPlugin插件調用 Activity 實例

最新版Cordova 5.1.1（PhoneGap）搭建開發環境

 

做者：風塵浪子

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

原創做品，轉載時請註明做者及出處