如何用HTML5开发安卓应用

　　传统的Web或者HTML5开发应用一般是部署在服务器上，用户通过浏览器访问URL来使用应用。由于通过应用商店下载安装使用应用已成为手机用户使用习惯，同时独立的软件安装包可以套用现有的应用商店模式，因而开发者也将HTML5开发应用打包成一定格式的软件包，这样用户既可以用浏览器访问，也可以通过下载安装方式来使用HTML5应用。

　　HTML5手机应用软件包可以只包含Web文件，如WAC的wgt格式(http://wacapps.net/)，NOKIA WRT的wgz格式等，也可以包含原生应用文件加web文件，即打包成android apk文件，iPhone上的ipa文件等。

　　后者一般称为混搭应用(Hybrid App)，比较流行的解决方案包括Adobe的PhoneGap，Appcelerater的Titanium等。其基本思想是调用系统的浏览器内核解析HTML5应用，即：一款HTML5手机应用相当于一款运行该应用的特别浏览器。

　　下面以PhoneGap为例，简单介绍用HTML5开发一个安卓应用的过程。

　　1、安装开发环境：

　　1)下载、安装 Eclipse Classic (Eclipse 3.4以上)(http://www.eclipse.org/downloads/)

　　2)下载、安装 Android SDK (http://developer.android.com/sdk/index.html)

　　3)下载安装 ADT 插件 (http://developer.android.com/sdk/eclipse-adt.html#installing)

　　4)下载PhoneGap开发包： Cordova (说明Adobe把PhoneGap开源后，改名Cordova)

　　2、配置项目工程

　　1)创建项目：在Eclipse中创建新的Android项目

　　2)增加目录：在项目根目录下创建两个目录:/libs和assets/www

　　- 将cordova开发包里的cordova-xxx.js拷贝到assets/www，将cordova-xxx.jar拷贝到/libs

　　- 将cordova开发包里的xml文件夹拷贝到项目的/res目录下。

　　- 将cordova-xxx.jar加入到项目的Build Path，(右键点 /libs 文件夹，然后 Build Paths/ > Configure Build Path.... ，完成后可能需要按F5刷新)

　　3)修改代码：编辑src文件夹下的主java文件，类似如下代码

　　package com.chengbp.edu.babaycard;

　　import android.os.Bundle;

　　import org.apache.cordova.*;

　　public class cordovaExample extends DroidGap

　　{

　　public void onCreate(Bundle savedInstanceState)

　　{

　　super.onCreate(savedInstanceState);

　　super.loadUrl("file:///android_asset/www/index.html");

　　}

　　}

　　4)声明应用所需权限：

　　编辑项目中的AndroidManifest.xml文件，声明所需权限 (补充一句：熟悉后，可以按需声明，事实上普通Web应用基本用不到大多数功能，甚至某些应用商店不允许应用调用通信录读写等权限)

　　5)部署web应用：

　　把你的写的Web应用直接扔到assets/www就OK了

　　注意：a. 入口文件名应该改为index.html,

　　b.如果程序中调用PhoneGap的JS API，需要在index.html中声明 。

　　c.如果web程序中需要调用PhoneGap插件功能，需要在index.html中包含cordova-xxx.js

　　6)模拟运行

　　好了，如果一切顺利，接着就可以在模拟器中运行一下你的应用，右键点项目名称-> Run As > Android Application,第一次运行时Eclipse会提示你创建一个AVD。

　　7)导出应用

　　应用可以出炉了。右键点项目名称-> Android Tools -> Export signed Application Package (可以自己创建一个签名证书)。

　　8)可以到各个商店发布你的应用了。

 

　　传统的 Web 或者 HTML5 应用一般是部署在服务器上，用户通过浏览器访问 URL 来使用应用。由于通过应用商店下载安装使用应用已成为手机用户使用习惯，同时独立的软件安装包可以套用现有的应用商店模式，因而开发者也将 HTML5 应用打包成一定格式的软件包，这样用户既可以用浏览器访问，也可以通过下载安装方式来使用 HTML5 应用。

　　HTML5手机应用软件包可以只包含Web文件，如WAC的wgt格式(http://wacapps.net/)，NOKIA WRT的wgz格式等，也可以包含原生应用文件加web文件，即打包成android apk文件，iPhone上的ipa文件等。

　　后者一般称为混搭应用(Hybrid App)，比较流行的解决方案包括Adobe的PhoneGap，Appcelerater的Titanium等。其基本思想是调用系统的浏览器内核解析HTML5应用，即：一款HTML5手机应用相当于一款运行该应用的特别浏览器。

　　下面以PhoneGap为例，简单介绍用HTML5开发一个安卓应用的过程。

　　1、安装开发环境：

　　1)下载、安装 Eclipse Classic (Eclipse 3.4以上)(http://www.eclipse.org/downloads/)

　　2)下载、安装 Android SDK (http://developer.android.com/sdk/index.html)

　　3)下载安装 ADT 插件 (http://developer.android.com/sdk/eclipse-adt.html#installing)

　　4)下载PhoneGap开发包： Cordova (说明Adobe把PhoneGap开源后，改名Cordova)

　　2、配置项目工程

　　1)创建项目：在Eclipse中创建新的Android项目

　　2)增加目录：在项目根目录下创建两个目录:/libs和assets/www

　　- 将cordova开发包里的cordova-xxx.js拷贝到assets/www，将cordova-xxx.jar拷贝到/libs

　　- 将cordova开发包里的xml文件夹拷贝到项目的/res目录下。

　　- 将cordova-xxx.jar加入到项目的Build Path，(右键点 /libs 文件夹，然后 Build Paths/ > Configure Build Path.... ，完成后可能需要按F5刷新)

　　3)修改代码：编辑src文件夹下的主java文件，类似如下代码

　　package com.chengbp.edu.babaycard;

　　import android.os.Bundle;

　　import org.apache.cordova.*;

　　public class cordovaExample extends DroidGap

　　{

　　public void onCreate(Bundle savedInstanceState)

　　{

　　super.onCreate(savedInstanceState);

　　super.loadUrl("file:///android_asset/www/index.html");

　　}

　　}

　　4)声明应用所需权限：

　　编辑项目中的AndroidManifest.xml文件，声明所需权限 (补充一句：熟悉后，可以按需声明，事实上普通Web应用基本用不到大多数功能，甚至某些应用商店不允许应用调用通信录读写等权限)

　　5)部署web应用：

　　把你的写的Web应用直接扔到assets/www就OK了

　　注意：a. 入口文件名应该改为index.html,

　　b.如果程序中调用PhoneGap的JS API，需要在index.html中声明 。

　　c.如果web程序中需要调用PhoneGap插件功能，需要在index.html中包含cordova-xxx.js

　　6)模拟运行

　　好了，如果一切顺利，接着就可以在模拟器中运行一下你的应用，右键点项目名称-> Run As > Android Application,第一次运行时Eclipse会提示你创建一个AVD。

　　7)导出应用

　　应用可以出炉了。右键点项目名称-> Android Tools -> Export signed Application Package (可以自己创建一个签名证书)。

　　8)可以到各个商店发布你的应用了。