基于PhoneGap的Android應用開發:Get started
PhoneGap官方網站上有詳細的入門示例教程,這里,我針對使用PhoneGap進行Android移動應用的開發對其官網的Get Started進行一些介紹、補充。
Step1、選擇你想要進行開發的移動平臺,點擊Android圖標
Step2、需要安裝的軟件-Eclipse3.4以上版本
Step3、安裝SDK+PhoneGap
(1)安裝Eclipse3.4,我安裝使用的為3.6版本中文語言包(如果你使用的是英文原版,下面的一些操作請自行和我的中文描述對應),ADT Plugin要求使用3.5.1以上版本 。如果你對Eclipse不了解,不知道使用哪種版本的,建議下載Eclipse Classic版本。Eclipse為綠色版軟件,下載后解壓到任意位置均可使用。
(2)下載安裝JDK (java SDK)。android SDK 依賴于JDK,所以必須先安裝JDK 。JDK1.6官方下載 。JDK 安裝好以后,需要配置系統環境變量。配置系統環境變量.
(3)下載安裝Android SDK (android官方下載地址不可直接訪問,華軍有當前最新版本的SDK下載,訪問這里)。同JDK設置環境變量一樣,需要設置ADK的環境變量為(以我安裝ADK的路徑為例) M:\Program Files\Android\android-sdk\platform-tools
(4)下載安裝 ADT Plugin 是一款Eclipse的插件,用于快速開發Android應用。
(5)下載最新版本的PhoneGap
以上所有都安裝好以后,再進行下一步
Step4
◆打開Eclipse,選擇文件->新建->其他->Android Project
并建立一個專案本文以 [helloinside]為名稱,分別輸入專案的屬性為
Application name:helloinside
Package name:com.phonegap.helloinside
Create Activity:app
這一步如果遇到No target available ,是因為ADK環境沒配置好 首選項—>android—>選擇android-sdk的路徑,然后點擊應用即可。(需要重新啟動Eclipse)
注:目前PhoneGap 0.9.3用Android 2.3以上版本會出錯,所以Build Target請選 Android 2.2以下的版本。
◆在新建項目的根目錄下,創建兩個目錄
- /libs
- /assets/www
◆解壓PhoneGap文件夾,復制phonegap.js文件到/assets/www 目錄下,復制phonegap.jar文件到libs目錄下
◆需要對Eclipse下項目的App.java文件(src文件夾內)進行一些配置(如圖所示)
修改類的繼承 將Activity 修改為 DroidGap
將setContentView() 這一行修改為super.loadUrl("file:///android_asset/www/index.html");
添加 import com.phonegap.*;
有可能在這里會遇到一個錯誤,顯示Eclipse找不到phonegap-0.9.2.jar ,右鍵點擊/libs文件夾,Build Paths(構建路徑)/ > Configure Build Paths(配置構建路徑) 在library(庫)欄向工程中添加phonegap-0.9.4.jar ,可能需要按一次F5刷新。
◆右鍵點擊AndroidManifest.xml文件,選擇Open With > Text Editor(打開方式->文本編輯器)
◆粘貼下面的授權信息至版本名稱后面(如圖所示)
- <supports-screens
- android:largeScreens="true"
- android:normalScreens="true"
- android:smallScreens="true"
- android:resizeable="true"
- android:anyDensity="true"
- />
- <uses-permission android:name="android.permission.CAMERA" />
- <uses-permission android:name="android.permission.VIBRATE" />
- <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
- <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
- <uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" />
- <uses-permission android:name="android.permission.READ_PHONE_STATE" />
- <uses-permission android:name="android.permission.INTERNET" />
- <uses-permission android:name="android.permission.RECEIVE_SMS" />
- <uses-permission android:name="android.permission.RECORD_AUDIO" />
- <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
- <uses-permission android:name="android.permission.READ_CONTACTS" />
- <uses-permission android:name="android.permission.WRITE_CONTACTS" />
- <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
- <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
◆向activity標記中添加android:configChanges="orientation|keyboardHidden” (如上圖所示)
Step5
◆新建一個index.html文件至/assets/www目錄下
◆粘貼下面的代碼至index.html文件中
- <!DOCTYPE HTML>
- <html>
- <head>
- <title>PhoneGap</title>
- <script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
- </head>
- <body>
- <h1>Hello World!</h1>
- </body>
- </html>
Step6
◆右鍵點擊項目,選擇 運行方式-> Android Application
◆Eclipse可能會詢問你選擇一個AVD(Android運行的虛擬設備),如果沒有,你可以創建一個(建議選擇2.2版本)
注意:運行時初始啟動較慢,需要耐心等待幾分鐘。
如果你看到了下面這張圖,恭喜你,hello world運行成功!
Step7
◆確保你的設備上開啟了USB debug模式,并且通過USB線將它連接到電腦上(你的設備:設置->應用->開發)
◆右鍵點擊項目,選擇 運行方式-> Android Application
OK ! 如果不出意外的話,你的第一個Android版應用 Hello World!就已經大功告成了。接下來,你可以參閱PhoneGap wiki 學習更多的應用開發知識。
reference:http://www.phonegap.com/start#android