使用HBuilderX封装H5

封装的教程在百度上一搜有很多,但通俗易懂的又很少,比如百度搜出来的“Hbuilderx封装web”:

可以看到教程基本都是互相转载,并没有几个博主自己写过,并且教程的内容大致都是用Hbuilderx的默认封装去弄,很多功能都不完善

这里把源代码发上来,里头改了一些bug,并且修改域名即可完整搞定一个成品APP。

教程开始

下载 Hbuilderx 下载地址: https://www.dcloud.io/hbuilderx.html

解压到 HBuilderX上进入 index.html 页面如图:

将 www.wpon.cn 全部替换成你的域名

然后保存,来到manifest.json 配置你的 APP包名、软件图、启动图

将应用名称: “WP教程” 替换成你的APP名

应用标识请前往网页端获取最新AppID粘贴进去。

然后生成打包即可

默认用公测证书就行,没有区别。

等打包成功有下载链接,每个测试链接只能下载5次,你可以将软件包上传到我的私有盘 https://pan.wpon.cn 支持拖拽上传,永久保存。

控制终端反馈下载链接证明打包成功。

注: IOS的包是越狱版,仅供测试使用。

教程结束,end