Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> 關於Android編程 >> Android移動APP開發筆記——最新版Cordova 5.3.1(PhoneGap)搭建開發環境

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

編輯:關於Android編程

引言 簡單介紹一下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

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

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved