使用Hbuilder将网页打包成APP

3,192 阅读2分钟

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第17天,点击查看活动详情

有需求将手机端的web网站打包成一个APP

百度了一下,提供相关需求的网站还不少,但是基本上体验都很差,而且一般都是有广告的,APP的名称也不能自定义。

也有一些很高级的工具,例如Cordova

Cordova 的官方网站:cordova.axuer.com/

Cordova很高级,他提供各种api,可以自己写Android的中间件,当然,功能这么强大的工具,需要安装的插件,配置的环境也是挺麻烦的,明显不适合我这样的小白。

思来想去,这可怎么办,突然想到,Hbuilder支持web网页打包啊。

Hbuilder下载地址:www.dcloud.io/hbuilderx.h…

Hbuilder是免费的,直接去官网下载就可以了,第三方网站提供的下载可能有广告。

 

1:首先创建一个项目,如下图所示:

11.png

 

2:打开已经创建好的项目,点击配置文件manifest.json进行项目配置。

22.png

 

3:图标配置,这里我踩了个坑,首先上传的图片必须是png格式的,上传完成之后,点击 自动生成所有图标进行替换  按钮 ,如下图所示:(我这里指的是生成安卓的安装包)

33.png

其他的模块设置如果没有特别的要求基本上就按照默认来就可以了。

 

4:打包

我们选择 发行->原生app->云打包,如下图所示:

11.png

22.png

 

打包界面如下图所示:

66.png

使用云端证书还是公共测试证书按你的需求选择,当然,如果你有安卓开发证书,直接用自己的就好了。

其他选项如果没有要求,直接默认就好。

最后点击打包。

然后等待云端打包生成 APP,完成之后在下载目录就可以找到打包的 APP。

Hbuilder的打包次数每天是有限制的,我这里实测是每天可以打包三次。

超过三次您仍想打包,就需要付费,两块钱一个包。

有好的建议,请在下方输入你的评论。

欢迎访问个人博客 guanchao.site

欢迎访问我的小程序:打开微信->发现->小程序->搜索“时间里的”