手机端网站&手机商城打包为APP

2024-08-22

HbuilderX打包APP



1、打开HbuilderX,新建项目

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

20240822_175359_001.png


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

        重点 就是应用的入口(线上的H5入口地址)

20240822_175359_002.png


说明,功能按需选择

20240822_175359_003.png



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

20240822_175359_004.png



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

20240822_175359_007.png


20240822_175359_008.png


6、问题

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

20240822_175359_010.png


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

20240822_175359_011.png


20240822_175359_012.png


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

20240822_175359_013.png


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

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

20240822_175359_014.png



subNViews下的全删,

20240822_175359_015.png



删除之后如下如:

20240822_175359_016.png



效果如图

20240822_175359_017.png


版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

原文链接:https://blog.csdn.net/snows_l/article/details/140699265


阅读1558
分享
写评论...