將HTML5封裝成android應用APK文件的幾種方法

愈來愈多的開發者熱衷於使用html5+JavaScript開發移動Web App。不過，HTML5 Web APP的出現可否在將來取代移動應用，就目前來講，仍是個未知數。一方面，用戶在使用習慣上，不喜歡在瀏覽器上輸入複雜的網址；另外一方面，Html5 Web App 存放在服務器端，在每次使用時須要進行數據傳遞，會形成流量浪費。有些開發者不想接觸複雜的JAVA代碼，那麼，有什麼辦法，既可使用HTMl5開發應 用，又能夠將其簡單封裝成APK文件呢？ 
1、Android SDK中的WebView
1.在要Activity中實例化WebView組件：WebView webView = new WebView(this);
2.調用WebView的loadUrl()方法，設置WevView要顯示的網頁：
  互聯網用：webView.loadUrl("http://www.31358.com");
  本地文件用：webView.loadUrl("file:///android_asset/XX.html"); 本地文件存放在：assets 文件中
3.調用Activity的setContentView( )方法來顯示網頁視圖
4.用WebView點連接看了不少頁之後爲了讓WebView支持回退功能，須要覆蓋覆蓋Activity類的onKeyDown()方法，若是不作任何處理，點擊系統回退剪鍵，整個瀏覽器會調用finish()而結束自身，而不是回退到上一頁面
5.須要在AndroidManifest.xml文件中添加權限，不然會出現Web page not available錯誤。
 
  <uses-permission android:name="android.permission.INTERNET" />
 
缺點：若是是載入的是普通網頁，沒有什麼問題，但若是是html5,封裝後，在android2.3以上才能正常訪問，android2.2及如下，SDK中的WebView還沒徹底支持HTML5
 
下面是具體例子：

MainActivity.java

package com.android.webview.activity;  
import android.app.Activity;  
import android.os.Bundle;  
import android.view.KeyEvent;  
import android.webkit.WebView;  
public class MainActivity extends Activity {  
    private WebView webview;  
    @Override 
    public void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        //實例化WebView對象  
        webview = new WebView(this);  
        //設置WebView屬性，可以執行Javascript腳本  
        webview.getSettings().setJavaScriptEnabled(true);  
        //加載須要顯示的網頁  
        webview.loadUrl("http://www.31358.cn/");  
        //設置Web視圖  
        setContentView(webview);  
    }  
    @Override 
    //設置回退  
    //覆蓋Activity類的onKeyDown(int keyCoder,KeyEvent event)方法  
    public boolean onKeyDown(int keyCode, KeyEvent event) {  
        if ((keyCode == KeyEvent.KEYCODE_BACK) && webview.canGoBack()) {  
            webview.goBack(); //goBack()表示返回WebView的上一頁面  
            return true;  
        }  
        return false;  
} 

在AndroidManifest.xml文件中添加權限

<?xml version="1.0" encoding="utf-8"?> 
<manifest xmlns:android="http://schemas.android.com/apk/res/android" 
      package="com.android.webview.activity" 
      android:versionCode="1" 
      android:versionName="1.0"> 
    <uses-sdk android:minSdkVersion="10" /> 
    <application android:icon="@drawable/icon" android:label="@string/app_name"> 
        <activity android:name=".MainActivity" 
                  android:label="@string/app_name"> 
            <intent-filter> 
                <action android:name="android.intent.action.MAIN" /> 
                <category android:name="android.intent.category.LAUNCHER" /> 
            </intent-filter> 
        </activity> 
    </application> 
    <uses-permission android:name="android.permission.INTERNET"/> 
</manifest> 

2、使用PhoneGap
    PhoneGap是一個用基於HTML，CSS和JavaScript的，建立移動跨平臺移動應用程序的快速開發平臺。它使開發者可以利用 iPhone，Android，Palm，Symbian,WP7,Bada和Blackberry智能手機的核心功能——包括地理定位，加速器，聯繫 人，聲音和振動等，此外PhoneGap擁有豐富的插件，能夠以此擴展無限的功能。PhoneGap是免費的，可是它須要特定平臺提供的附加軟件，例如 iPhone的iPhone SDK，Android的Android SDK等，
 
詳細方法請見：http://phonegap.com/start#android
 
優勢：在Eclipse中加入SDK，編程自由，完美適應不一樣設備屏幕大小，適合高手使用。
 
缺點：沒有使用佈局，直接加載網頁，不能添加廣告。
 
3、使用Rexsee在線生成
 
    Rexsee是開源的Android開發平臺，支持開發者以標準化Web開發模式，使用HTML五、CSS三、Javascript快速實現移動應用。會 HTML就會Android。你要作的只是將作好的HTML5 應用上傳到Rexsee服務器，很快，會編譯成標準的APK安裝文件。
 
網站：http://www.rexsee.com
 
優勢：一鍵生成，適學普通人使用
 
缺點：直接封裝，沒法添加廣告。

4、appMobi Html5 XDK 在線生成（使用了PhoneGap插件）
 
http://www.appmobi.com/