最新版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

  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

回到目錄

 

二、JDK安裝部署

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

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

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

變量說明
java_homeC:\ 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等版本的管理。當然,如果使用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.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@****  (版本號)

此時,再輸入命令 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將 成爲未來手機混合開發的新趨勢。

 

 

參考文章

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

原創作品,轉載時請註明作者及出處


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章