H5网页打包成安卓apk（H5套壳成app）， 保姆级教程来咯

个人博客（vue3 + nodejs + mysql + 腾讯云[99元/年 便宜货]服务器 + 宝塔可视化面板 纯手戳产物）：http://124.223.41.220http://124.223.41.220/

如何部署自己的网站的线上，请戳以下链接

如何从购买服务器，到配置宝塔可视化面板， 全栈从0-1上线自己前端项目以及node后端服务https://blog.csdn.net/snows_l/article/details/137133967?spm=1001.2014.3001.5501

利用 HbuilderX 就可以打包

1、打开HbuilderX，新建项目 

2、选择  5+ app, 在选择Hello H5+

3、点击 mainfest.json 进行应用 图标 名字等配置 AppId 可以自动获取，只要登录即可

        重点 就是应用的入口（线上的H5入口地址）

说明，我什么其它功能都不要，所以我的功能模块我全部取消勾选了

4、配置好之后，右键项目跟目录 ，发行 -> 原生App-云打包

5、配置你要打包的配置， 点击打包即可，HbuildX 终端会有打包进度， 打包终端的地方会给你一个下载apk的地址，点击下载即可

6、问题

1）、打包好之后的app 顶部多了 一个很高的 标题 ， 应该是选择啦 Hello H5+这个模版的原因

解决办法：删除 mainfest.json 中的这段代码即可，

选择默认模版应该不会出现这个问题， 可以自己去尝试

2)、打包之后的app会沾满整个屏幕（看不到手机顶部的运营商，信号等），晚上查资料说 将 mainfest.json 中的 immersed 修改为 flase 试过了没有用，

我的解决办法是，重新新建项目， 选择的模板是如下图这个（这个模版自带的）， 然后把底部的navbar删除就行了

subNViews下的全删，

删除之后如下如：

效果如图