基于PhoneGap的Android應用開發：Get started

作者：支離破碎 2011-07-05 15:26:23

本文為PhoneGap官方網站上有詳細的入門示例教程的中文翻譯，作者針對使用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

打開Eclipse

這一步如果遇到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>