HBuilder将wap(H5)网址封装成安卓Android和苹果ios原生APP的教程

1、打开HBuilder   右上角“文件”    “新建”   →  "Wap2App"  

HBuilder将wap(H5)网址封装成安卓Android和苹果ios原生APP的教程

2、 在弹出框中输入应用名称,wap站首页网址,选好保存的位置,然后点击 “完成”

HBuilder将wap(H5)网址封装成安卓Android和苹果ios原生APP的教程

3、打开项目中的manifest.json配置文件,填写相关配置信息,大概如下:

HBuilder将wap(H5)网址封装成安卓Android和苹果ios原生APP的教程

4、在manifest.json文件底部,切换到“模块权限配置”,把红色黄色的模块删掉,我们不需要使用。

HBuilder将wap(H5)网址封装成安卓Android和苹果ios原生APP的教程

5、配置APP桌面图标,在manifest.json文件底部,切换到“图标配置”

HBuilder将wap(H5)网址封装成安卓Android和苹果ios原生APP的教程

6、配置启动图,在manifest.json文件底部,切换到“启动图片配置”

这里最好配置一下,虽然比较麻烦,如果不上传启动图,就会默认显示 HBuilder的官方图片!

HBuilder将wap(H5)网址封装成安卓Android和苹果ios原生APP的教程

7、配置完记得保存,然后在项目上右键  “发行” → “云打包-打包原生安装包(p)”

HBuilder将wap(H5)网址封装成安卓Android和苹果ios原生APP的教程

8、 在弹出框里,配置安装包参数

HBuilder将wap(H5)网址封装成安卓Android和苹果ios原生APP的教程

9、配置完成后,点击“打包 ”按钮

HBuilder将wap(H5)网址封装成安卓Android和苹果ios原生APP的教程

10、等待打包完成,然后下载,安卓apk可以直接安装运行, 苹果的生成失败,原因可能是没有签名。

HBuilder将wap(H5)网址封装成安卓Android和苹果ios原生APP的教程