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

使用HBuilderX封装H5-WordPress极简博客
搜索结果

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

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

教程开始

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

下载模板源码: https://pan.wpon.cn/index.php?mod=shares&sid=X0tYR0xyMThPRzRFcjlhZzJvTlBMVXVpd0dydnV5UDE5VHlx

密码: appwpon

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

使用HBuilderX封装H5-WordPress极简博客
解压成功

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

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

使用HBuilderX封装H5-WordPress极简博客
替换应用名称

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

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

然后生成打包即可

使用HBuilderX封装H5-WordPress极简博客
正式打包

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

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

使用HBuilderX封装H5-WordPress极简博客
看控制终端

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

演示APP及IOS包: https://pan.wpon.cn/index.php?mod=shares&sid=X0tYR0xyMThPRzRFcjlUeDM5NUtma3lua0RlMXZIRDc4V0d0

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

教程结束,end

1.本文部分内容转载自其它媒体,但并不代表本站赞同其观点和对其真实性负责。 2.若您需要商业运营或用于其他商业活动,请您购买正版授权并合法使用。 3.如果本站有侵犯、不妥之处的资源,请在网站最下方联系我们。将会第一时间解决! 4.本站所有内容均由互联网收集整理、网友上传,仅供大家参考、学习,不存在任何商业目的与商业用途。 5.本站提供的所有资源仅供参考学习使用,版权归原著所有,禁止下载本站资源参与商业和非法行为,请在24小时之内自行删除!
舜云资源 » 使用HBuilderX封装H5

发表评论

发表评论

提供最优质的资源集合

立即查看 了解详情