传统的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)可以到各个商店发布你的应用了。
分享到:
相关推荐
用HTML5开发Android应用相当不错相当不错
Android应用开发新路线,通过学习HTML5来实现Android应用开发~~~
本PPT讲述的是Android应用开发新路线:利用HTML5开发Android应用程序! 姓 名:杨丰盛 英文名字:yarin 网 名:半灌水 门 派:移动互联网 ^_^ 现任公司:云晖软件(成都)有限公司 开发经验:J2me、Brew、...
利用HTML5开发Android应用程序,好东西给大家共享出来
利用HTML5开发Android应用程序
Html5在Android应用开发中的技术分析,一个讲述Html5在Android中的应用的书籍,作者在实际开发过程中遇到的问题,及解决办法。前任遇到坑,后人享福。欢迎下载
HTML5 封装成 Android 应用 APK 文件的方法 随着 HTML5 跨平台支持的不断增强和智能手机的迅速普及,HTML5 技术有着非常好的发展前景。越来越多的开发者热衷于使用 HTML5+JavaScript 开发移动 Web App,但是如何将 ...
用HTML5开发Android应用,摆脱Android原始的组件编写,用HTML5开发更生动灵活的应用。
基于HTML5开发的Android应用, Android学习资料之使用_HTML_5_开发新的可视化_UI_特性
HTML5开发Android应用程序概述
HTML5开发Android应用程序概述.ppt
《HTML5移动应用开发入门经典》总共分为24章,以示例的...同时,《HTML5移动应用开发入门经典》还针对不同平台(如iOS、BlackBerry、Android)的移动设备、不同的浏览器,就如何开发高可用性的移动应用程序进行了讲解。
微信热文精选,微信热文安卓app版。 每天精选微信朋友圈最热最火的文章,每篇阅读量都是1万 的好文章,数据从微信后台获取。 代码示例(演示apk):http://download.csdn.net/detail/qiushi_1990/9513038 应用技术 1...
利用HTML5开发Android应用程序! Android的HTML5应用程序概述 如何适配多分辨率的Android设备? 如何在Android中构建HTML5应用程序? 如何在Android中调试HTML5应用程序? 如何在Android中使用HTML5的本地储存? ...
Android应用开发新路线(用HTML5开发Android应用),PPT+实例教程,不可多得的好资源
Android 平台 HTML5 应用开发,PhoneGap 技术架构, Android 开发环境搭建,使用 DreamWeaver 开发 HTML5 应用
Android应用源码安卓源码(172个合集),可以做为你的学习参考。 365MobileSecretary v1.0.6(365手机助手AIDL) 888个经典 Logo.rar AdXmpp(Openfire+asmack+spark) .zip AidlDemo(简单aidl的例子) aidl跨进程调用....
Android应用开发报告 Android应用开发报告全文共10页,当前为第1页。Android应用开发报告全文共10页,当前为第1页。Android应用开发报告 Android应用开发报告全文共10页,当前为第1页。 Android应用开发报告全文共10...
《HTML5移动应用开发入门经典》总共分为24章,以示例的...同时,《HTML5移动应用开发入门经典》还针对不同平台(如iOS、BlackBerry、Android)的移动设备、不同的浏览器,就如何开发高可用性的移动应用程序进行了讲解。