PhoneGap 搭建Android應用環境

最後更新：2018-12-06 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

1. 需求
- Eclipse 3.4+
本教程還有另外一個不使用Eclipse的版本，參照這裡。
2. 安裝SDK + PhoneGap
下載並安裝Eclipse Classic。
下載並安裝Android SDK。
下載並安裝ADT Plugin。
下載最新版本的PhoneGap並解壓，我們將使用其中的Android目錄。
3. 新項目設定
- 啟動Eclipse，然後在菜單“File”下選擇“New > Android Project”。
- 在項目根目錄下，建立兩個新目錄:
  - /libs
  - /assets/www
- 複製phonegap.js（從PhoneGap解壓縮後的Android目錄中，將解壓縮後的帶版本號碼的js檔案名稱修改為phonegap.js）到/assets/www。
- 複製phonegap.jar（從PhoneGap解壓縮後的Android目錄中）到/libs。
- 複製xml整個目錄（從PhoneGap解壓縮後的Android目錄中，包括一個plugins.xml）到/res。【v1.0 rc2以上】
- 對Eclipse的src檔案夾中的主要Java檔案進行少量調整：（如）
  - 將class的繼承由Activity改為DroidGap
  - 將setContentView()替換為super.loadUrl("file:///android_asset/www/index.html");
  - 添加import com.phonegap.*;
  - 移除import android.app.Activity;
- 在這裡你可能會遇到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" />
- 在AndroidManifest的activity標籤中添加android:configChanges="orientation|keyboardHidden"。(如)
4. 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。
完成!

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More