如何将html5程序打包成Android应用

问题分析：

html5网站主要由html+css+js的形式组成，需要使用浏览器进行展现。

Android需要使用Java语言来开发，对于前端工程师来说，无疑是增加了很大的难度。

随后出现了很多打包工具，来协助我们将网页元素打包成手机app，将我们编写的html转化为Java语言。

解决方案：

推荐一款我们常用的打包工具：HBuilder。

该工具不仅提供了Android应用打包，还可以直接连接手机进行调试，配合HTML5+可以实现很多Android原生的功能。比如：扫码二维码，拍照，摇一摇等等。

具体 *** 作步骤：

1、真机调试

进入软件后，第一步点击“运行”，第二步点击“手机运行”，第三步选择已连接的手机，示例中我使用的是安卓模拟机进行连接的。市面上常用的几款安卓模拟机器都可以直接连接上。

按如上几个步骤 *** 作后，会自动执行打包并将应用安装在链接的手机（模拟器）中，可以 *** 作手机（模拟机）进行测试。

2、打包生成Android的安装格式apk文件

① 打开软件，选择发行->发行为原生安装包，随即打开下图窗口。

② 勾选Android复选框，如果使用Dcloud公用证书的话，可以直接进行打包，手机可以安装使用。如果需要上传发行到第三方应用平台的话，需要使用自有证书，自用证书可以使用JRE自带的创建和管理数字证书的工具Keytool来生成自有证书，生成过程是免费的。

勾选Android选项后，在下方表单中填写Android包名，为保证唯一性，可以使用自有网站域名的反写方式加上应用名称。如果使用自有证书的话，还需要填写证书别名，密钥密码，证书文件。

填写完毕后，点击打包，即可生成apk文件。

其他注意事项：

1、在开发过程中，不需要进行打包，应更多的使用真机调试，可以节约很多时间。

2、开发完毕后，尽可能在各种版本的android机器上做一下测试，因为一些网页的样式在不同的android版本中呈现的效果略有不同。

3、重新编辑一下html5网站代码，将一些网页功能转换为手机功能，比如网页元素的<a>标签跳转，就应该使用Webview来完成。可以解决页面切换白屏的问题，还可以提高网站在手机中的运行效率。

应该是不能转换的。因为html是超文本标记语言，apk是android系统里面的应用程序格式，安卓系统的浏览器可以查看html文档，但是想变成apk，那只能请it公司重新设计制作了。

首先当然需要一个Hbuilder（前端开发工具）。

如果安装好了，自己写的项目也已经打包好了....，可以直接在本地打开打包好的文件试试，如直接按开index.html.(多的不阐述，反正就是万事俱备)，那么就可以打开Hbuilder进行APP的制作了。创建一个App移动端模板，项目名称啥的按顺序填，在选择模板时最好选用一个空模板。创建完成后，将里面的空的js、css、img、index.html文件夹或文件删除，将自己的打包好的dist里面的文件拿过来。（注意其他的不要删，特别是unpackage文件夹和manifest.json,这两个是打包的配置文件和存放内容的地方）。上述完成后就可以双击manifest.json文件了，这时会d出一个配置文件。在最底部进行应用信息、图标配置、启动页配置、SDK配置、模块权限配置、页面引用关系的相关配置（具体配置注意点可以往下看），最后会有一个代码视图，在这个里面你可以看到你所有的配置的内容。检查配置无误后，在最上方点击发行------>发行为原生安装包，就会进行打包的 *** 作，当一步步点下去后，最后会有‘’手动下载‘’，这个是打包好的，可以下载到手机上进行调试。对于应用信息、图标配置、启动页配置、SDK配置、模块权限配置、页面引用关系这个的配置中有两点需要说的。

---