[Android] PhoneGap(cordova) 安裝流程

2012-03-18

分類: Android

TAG:

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



PhoneGap



#
Hello World

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

http://phonegap.com/start#android

Next: [javascript] Select 選擇後改變另個Select的項目 Prev: [facebook] 把app新增到粉絲團分頁含icon