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来完成。可以解决页面切换白屏的问题,还可以提高网站在手机中的运行效率。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值