使用HBuilderX封装H5

封装教程在百度上一搜有很多,但通俗易懂的又很少,比如百度搜出来的“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极简博客
看控制终端

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

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

教程结束,end

为TA充电
人已赞赏
网络技术与安全

WordPress美化-文字渐变特效

2020-10-1 22:27:42

网络技术与安全

ThnBo-一款针对WordPress开发的缩略图美化插件,为广大站长提供缩略图的美化便利

2020-10-1 22:29:39

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索