在ecplice上把HTML5包装成apk

<span style="color:red; font-size:12px; font-face="微软雅黑";>webapp现在在市场上是很重要的一环, 一些小型的项目完全可以由html5来代替, 也可以在原生开发中插入网页(例如代替登录页面)

首先下载下面的文件

http://pan.baidu.com/s/1qWszyMw
http://pan.baidu.com/s/1mgwBtdm

解压后得到如下7个文件

  1. ecplise文件夹

  2. phonegap-2.9.0文件夹

  3. skd文件夹

  4. jdk-8u60-windows-x64.exe //jdk1.8

  5. com.genymobile.genymotion.ide.eclipse.plugin_1.0.6.201509291453.jar
    //安卓模拟器的jar文件

  6. genymotion-2.5.4-vbox.exe //安卓模拟器的安装包

  7. 自配说明文本

一 : 安装java并配置环境变量 (已有可省略)

右键'我的电脑'->属性->更改设置->高级->环境变量->
1.系统变量->Path->编辑
添加你的jdk路径 如
D:\jdk1.8\bin;
2.系统变量->新建->
变量名(N):classpath ;
变量值(V):D:\jdk1.8\jre\lib\rt.jar;.;

二 : 配置android环境

新建环境变量配置到sdk文件夹
sdk->platform-tools文件夹和tools文件夹子目录路径,如
D:skd\platform-tools;
D:skd\tools

三 : ecplise中关联sdk

window菜单栏->perferences->android->SDK Location(设置为sdk文件夹)

四 : 安装geymotion模拟器(如何安装百度经验上有)

模拟器的android版本要和eclipse一样否则启动失败(已内置4.4版本)

五 : 配置geymotion模拟器文件

window菜单栏->preferences->Install/Update->
Available Software->add->local->你的geymotion模拟器安装位置->确定

六 : 配置你的html文件
(注意: 不要在index文件中放很多奇怪东西 否则可能会挂)

  1. 在你html的 <head>里加上
    <script type="text/javascript" src="cordova.js"></script>

  2. 把你的html5文件放asssets->www文件夹下
    (默认使用html名为index, 可在src->com.tt.htmlexample1->MainActivity.java文件中改)

想重新创建android application 可以看文件夹下说明书

七 : 运行 (在左边默认创建的Htmlexample中 可重复使用)

Htmlexample项目 右键->run as->Run configurations->双击Android Application->target->Launch on all compatible devices/AVD's->Run

成功运行过后

在bin目录下的apk就是安装包了 (在模拟器上运行有点卡)