PhoneGap(Android)環境搭建教程

  • 1. 配置要求

    這裏提供一個不需要Eclipse的Terminal版本教程

    • Eclipse 3.4+

  • 2. 安裝 SDK + PhoneGap

    下載安裝Eclipse Classic


    下載安裝 Android SDK


    下載安裝 ADT Plugin


    下載 最新的PhoneGap版本然後解壓其中,下面就是安卓目錄的配置過程了.

  • 3. 配置新的項目

    • 將class的繼承類由 Activity改爲DroidGap

    • setContentView() 這一行替換爲super.loadUrl("file:///android_asset/www/index.html");

    • 添加import com.phonegap.*;

    • 移除 import android.app.Activity;

    • /libs

    • /assets/www

    • 在項目的根目錄, 創建兩個目錄:

    • 從剛纔下載的PhoneGap中複製phonegap.js 到/assets/www目錄

    • 從剛纔下載的PhoneGap中複製phonegap.jar 到/libs目錄

    • 從剛纔下載的PhoneGap中複製xml文到夾到/res 目錄

    • M對Eclipse的src文件夾中的主Java文件進行少量調整:(如下圖)

    • javaSrc
    • 在這裏你可能會遇到Eclipse找不到phonegap-1.0.0.jar的錯誤。在這種情況下,右鍵單擊/libs文件夾找到Build Paths/ > Configure Build Paths。然後在Libraries標籤頁中添加phonegap-1.0.0.jar到項目中。如果Eclipse不是很穩定,你需要點擊F5刷新一次項目。

    • 右鍵單擊AndroidManifest.xml並選擇Open With > Text Editor。

    • 將下面的權限設置拷貝到versionName之後:(如下圖)


<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" /> <uses-permission android:name="android.permission.GET_ACCOUNTS" />

Add android:configChanges="orientation|keyboardHidden" to the activity tag in AndroidManifest. (view image below)Add a second activity under you appliction tag in AndroidManifest. (view image below)

<activity android:name="com.phonegap.DroidGap" android:label="@string/app_name" android:configChanges="orientation|keyboardHidden"> <intent-filter> </intent-filter> </activity>

manifest打開 Eclipse,在文件菜單下面點擊 New > Android Project4. Hello World在 “/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>5A. 部署到模擬器
  • 右鍵單擊項目節點選擇Run As 然後點擊 Android Application

  • Eclipse將要求你選擇一個合適的AVD,如果沒有設置的話,你需要創建一個AVD。

5B. 部署到設備
  • 確認設備已經勾選USB debugging選項,並已將設備連接到電腦。(設置 > 應用程序 > 開發)

  • 右鍵單擊項目節點選擇 Run As然後點擊Android Application

完成!


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