[Android] PhoneGap(cordova) 安裝流程

PhoneGap(後來改名為Cordova)是利用HTML5和 JavaScript的跨平台快速開發工具，如果你只是想快速的做出一些簡單的應用可以使用它，目前已知的缺點是速度不如純原生程式寫的APP

準備開發環境

1. 裝好一般的Android 開發環境：JDK、Eclipse、Android SDK、ADT Plugin ( developer.android )
2. 到 PhoneGap 官網下載最新的 PhoneGap 先解開到任何你記得的地方備用

開始設定

1. 打開你的Eclipse建立一個Android Project 如HelloPhoneGap
2. 建立兩個資料夾

• /libs
• /assets/www

3. 複製檔案

• Copy android/cordova-x.x.x.js 進 /assets/www
• Copy android/phonegap.jar 進 /libs
• Copy android/xml/ 進 /res

4. 設定你的專案要匯入cordova-x.x.x.jar

5. 修改你專案的Active.java檔

• 移除 import android.app.Activity;
• 加入 import org.apache.cordova.*;
• extends 從 Activity 改成 DroidGap
• setContentView(R.layout.main); 改成 super.loadUrl("file:///android_asset/www/index.html");

package idv.gonex45.hellophonegap;


import android.os.Bundle;
import org.apache.cordova.*;

public class HelloPhoneGapActivity extends DroidGap {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        super.loadUrl("file:///android_asset/www/index.html");
    }
}

6. 修改AndroidManifest.xml

• 貼入以下程式碼

• 在activity 裡加入 android:configChanges="orientation|keyboardHidden"
• 在現有的activity ... /activity 之下再加入

完成後像這樣

7. 建立www/index.html

Hello World

注意src="cordova-1.5.0.js"的版本 8. 完工執行!

http://phonegap.com/start#android