第一個phonegrap android項目 helloworld

時間 2019-11-24

標籤第一個 phonegrap android 項目 helloworld 欄目 Android 简体版

原文原文鏈接

1. 配置要求
- Eclipse 3.4+
這裏提供一個不須要Eclipse的Terminal版本教程 javascript
2. 安裝 SDK + PhoneGap

下載安裝Eclipse Classic html

下載安裝 Android SDK java

下載安裝 ADT Plugin android

下載最新的PhoneGap版本而後解壓其中，下面就是安卓目錄的配置過程了. git
3. 配置新的項目
- 打開 Eclipse,在文件菜單下面點擊 New > Android Project
- 在項目的根目錄, 建立兩個目錄:
  - /libs
  - /assets/www
- 從剛纔下載的PhoneGap中複製cordova.js 到/assets/www目錄
- 從剛纔下載的PhoneGap中複製cordova.jar 到/libs目錄
- 從剛纔下載的PhoneGap中複製xml文到夾到/res 目錄
- M對Eclipse的src文件夾中的主Java文件進行少許調整：（以下圖）
  - 將class的繼承類由 Activity改成DroidGap
  - 將setContentView() 這一行替換爲super.loadUrl("file:///android_asset/www/index.html");
  - 添加import com.phonegap.*;
  - 移除 import android.app.Activity;
- 在這裏你可能會遇到Eclipse找不到cordova.jar的錯誤。在這種狀況下，右鍵單擊/libs文件夾找到Build Paths/ > Configure Build Paths。而後在Libraries標籤頁中添加cordova.jar到項目中。若是Eclipse不是很穩定，你須要點擊F5刷新一次項目。
- 右鍵單擊AndroidManifest.xml並選擇Open With > Text Editor。
- 將下面的權限設置拷貝到versionName以後:（以下圖）
- 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)
4. Hello World

在「/assets/www」目錄中新建文件index.html ，並粘貼以下代碼： github

<!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