Hbuilder打包html5 app页面

1、新建移动App,选择Hello H5+实例模板。

2、新建后,在manifest.json(这里下方有多个tab项设置,此处为应用信息)里面修改需要生成的h5页面路径,可以使用本地文件,也可以使用上线的链接。

3、图标设置、启动图设置等。

4、在目录右键---->发行---->发行为原生安装包。

5、在弹出的窗体里,可以选择IOS打包,也可以选择Android打包。首先,看IOS是如何打包的。IOS打包,支持两种方式:1、需要开发者证书才能打包,APP打包出来后,可以在已设置了UUID的手机上安装运行;2、越狱包,则只能在越狱菜果手机上,才能安装运行。

6、再看Android是如何打包的。Android打包,也支持两种方式:
1)采用Dcloud公用证书,可以直接进行打包,手机可以安装使用;
2)采用自有证书,需要上传发行到第三方应用平台,可以使用JRE自带的创建和管理数字证书的工具Keytool来生成自有证书,生成过程是免费的。无论采用哪种证书,打出来的APP安装包,都是可以直接在安桌手机上安装运行。

7、打包完成后,即可手机上安装测试,其中也可以在电脑端安装手机模拟器测试,我们已安卓为例,可以使用“逍遥”,蓝叠“,“pp助手”,“夜游神”等模拟器,我已“逍遥”为例。

8、安装成功后,再点击test1的图标安卓模拟即可开启h5的页面测试了。

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

猜你喜欢

转载自blog.csdn.net/qq_37291064/article/details/88635115