You can encapsulate HTML5 into an android APK file by using the following methods,

You can encapsulate HTML5 into an android APK file by using the following methods,

More and more developers are keen to use html5 + JavaScript to develop mobile Web apps. However, it is still unknown whether HTML5 Web apps can replace mobile apps in the future. On the one hand, users do not like to enter complex URLs in their browsers. On the other hand, Html5 Web apps are stored on the server and data transmission is required for each use, this will cause a waste of traffic. Some developers do not want to be familiar with complex JAVA code. So, how can we use HTMl5 for development and simply encapsulate it into an APK file?
1. WebView in Android SDK
1. instantiate the WebView component in the Activity: WebView webView = new WebView (this );
2. Call the WebView loadUrl () method to set the web page to be displayed in WevView:
For Internet: webView. loadUrl ("http://www.31358.com ");
Local file: webView. loadUrl ("file: // android_asset/XX.html"); local files are stored in the assets file.
3. Call the setContentView () method of Activity to display the webpage view.
4. after reading many pages through the WebView link, in order to allow WebView to support the rollback function, we need to overwrite the onKeyDown () method of the Activity class. If no processing is done, click the system rollback scissors, the entire browser calls finish () instead of rolling back to the previous page.
5. You must add permissions to the AndroidManifest. xml file. Otherwise, the Web page not available error may occur.
 
<Uses-permission android: name = "android. permission. INTERNET"/>
 
Disadvantages: If the webpage is loaded, there is no problem, but if it is html5, after encapsulation, it can be accessed normally at or above android2.3, android2.2 and below, the WebView In the SDK does not fully support HTML5.
 
The following is an example:

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); // instantiate the WebView object webview = new WebView (this); // you can run the Javascript script WebView to set webview attributes. getSettings (). setJavaScriptEnabled (true); // load the webview of the page to be displayed. loadUrl ("http://www.31358.cn/"); // sets the Web View setContentView (webview);} @ Override // sets the rollback // Override the onKeyDown (int keyCoder, KeyEvent event) of the Activity class) method public boolean onKeyDown (int keyCode, KeyEvent event) {if (keyCode = KeyEvent. KEYCODE_BACK) & webview. canGoBack () {webview. goBack (); // goBack () indicates that return true on the previous page of WebView;} return false ;}

Add permissions to the AndroidManifest. xml file

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

Ii. Use PhoneGap
PhoneGap is a fast development platform that uses HTML, CSS, and JavaScript to create mobile cross-platform mobile apps. It allows developers to take advantage of the core features of iPhone, Android, Palm, Symbian, WP7, Bada, and Blackberry smartphones-including geographic positioning, accelerators, contacts, sounds, and vibrations, in addition, PhoneGap has a variety of plug-ins, which can be used to expand unlimited functions. PhoneGap is free of charge, but it requires additional software provided by a specific platform, such as the iPhone SDK for iPhone and Android SDK for Android,
 
See http://phonegap.com/start#android for details
 
Advantages: the SDK is added to Eclipse, which allows you to program freely and perfectly adapt to the screen sizes of different devices. It is suitable for use by experts.
 
Disadvantage: webpage loading without layout, and advertisement cannot be added.
 
3. Online generation using Rexsee
 
Rexsee is an open-source Android development platform that allows developers to quickly implement mobile applications using HTML5, CSS3, and Javascript in a standardized Web development mode. HTML and Android. All you need to do is upload the HTML5 application to the Rexsee server. Soon, it will be compiled into a standard APK Installation File.
 
Website: http://www.rexsee.com
 
Advantages: one-click generation, suitable for common users
 
Disadvantage: you cannot add an advertisement because it is directly encapsulated.

Iv. Online generation of appMobi Html5 XDK (using the PhoneGap plug-in)
 
Http://www.appmobi.com/