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