如何利用HBuliderX将WordPress网站打包为手机APP,超详细图文教程

好奇心驱使,今天北忘山想将北忘山博客打包成为一个手机APP,于是有了这篇如何利用HBuliderX将WordPress网站打包为手机APP,超详细图文教程,希望也可以帮助到各位朋友!

1 前置条件

1.1 HBuliderX

直接去官网下载一个,根据系统选择版本下载即可,北忘山这里选择的是app开发版本,安装步骤这里不再演示

1.2 网址

2 详细教程

2.1 新建项目

首先新建一个项目

image-20220618191048223

因为我们是通过一个网站的网址来创建一个手机APP,所以选择wap2app即可

接着在项目概况中输入APP名称,例如:北忘山博客

以及需要创建为app的网址,例如:https://www.beiwangshan.com,这里一定要加上http或者https

最后选择一个默认模板即可

image-20220618191405945

2.2 项目配置

经过上述已经创建了一个简单的app,但是还需要进行配置,才可以进行发布

image-20220618191927835

具体配置可以打开mainfest.json进行配置,例如一些基础配置,图标配置,模块配置或者权限配置等等

image-20220618192505313

通过中文介绍,大家应该可以进行自定义

2.3 发布APP

通过上面的配置就已经完成了项目的基础配置,现在只需要进行发布打包即可,其中可能会用到一些账号,这些都得自己手动注册

选择 发行->原生App-云打包

image-20220618200452361

选择公用证书,更改成自己想要的包名,打包 即可

image-20220618201142404

通过在模拟器中安装,也可以在手机上安装,这里北忘山选择模拟器,参考效果

image-20220618204002888

感觉还是很不错的!

3 北忘山博客尝鲜版apk下载

下载地址1:https://pan.quark.cn/s/9d9d79f0619f

下载地址2:https://beiwangshan.lanzoum.com/b01dndvcj 密码:3ljo

下载地址3:https://www.123pan.com/s/RrnRVv-PDsxd

© 版权声明
THE END
喜欢就支持一下吧
点赞6 分享
评论 抢沙发

请登录后发表评论