×

注意!页面内容来自https://blog.csdn.net/snows_l/article/details/140699265,本站不储存任何内容,为了更好的阅读体验进行在线解析,若有广告出现,请及时反馈。若您觉得侵犯了您的利益,请通知我们进行删除,然后访问 原网页

H5网页打包成安卓apk(H5套壳成app), 保姆级教程来咯

该文章已生成可运行项目,

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

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

利用 HbuilderX 就可以打包

1、打开HbuilderX,新建项目

2、选择 5+ app在选择这个 底部选项卡模板 (选择其他应该也可以,只是需要改动东西不一样, 没有试,可以自己去试试)

3、配置

1)、点击 mainfest.on 进行应用 图标 名字等配置 AppId 可以自动获取,只要登录即可
重点 就是应用的入口(线上的H5入口地址)

2)、图标配置

3)、启动界面设置

应用启动等待(这个时候就会有一个页面作为启动等待的界面)

3)、其他配置

我什么其它功能都不要,所以我的功能模块我全部取消勾选了, 可以根据自己需求配置

4、打包

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

2)、配置你要打包的配置, 点击打包即可

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

5、优化(必须操作,不然底部就会多模板带的navbar)

犹豫选择了【底部模板】这个模板,所以底部会多导航栏。然后把底部的navbar删除就行了(源码试图)

subNViews下的全删,

删除之后如下如:

效果如图

本文章已经生成可运行项目
确定要放弃本次机会?
福利倒计时
: :

立减 ¥

普通VIP年卡可用
立即使用
27 条评论 您还未登录,请先 登录 后发表或查看评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

__冬七

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
点击重新获取
扫码支付
< type="text/css">
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值