使用Hbuilder将网页打包成APP

简介: 有需求将手机端的web网站打包成一个APP百度了一下,提供相关需求的网站还不少,但是基本上体验都很差,而且一般都是有广告的,APP的名称也不能自定义。也有一些很高级的工具,例如Cordova

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

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

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

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

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

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

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

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

 

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

image.png

 

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

image.png

 

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

image.png

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

 

4:打包

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

image.png

image.png

 

打包界面如下图所示:

image.png

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

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

最后点击打包。

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

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

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

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

欢迎访问个人博客 guanchao.site

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

目录
相关文章
|
2月前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
740 1
|
24天前
|
搜索推荐 开发者
熊猫比分-专业体育赛事直播app/网页搭建
体育赛事直播APP已成为体育迷观看和讨论赛事的重要渠道。其核心功能包括:1) 实时直播,支持转播、录播、回放,确保低延迟、高流畅度和优质画质;2) 比分数据分析,提供首发阵容、历史对战等信息;3) 用户互动,支持评论、打赏及私聊;4) 主播中心,允许用户申请成为主播并获平台支持。
|
2月前
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
333 3
|
2月前
|
缓存 开发框架 移动开发
uni-app:下载使用uni&创建项目&和小程序链接&数据缓存&小程序打包 (一)
uni-app 是一个跨平台的开发框架,它允许开发者使用 Vue.js 来构建应用程序,并能够同时发布到多个平台,如微信小程序、支付宝小程序、H5、App(通过DCloud的打包服务)等。uni-app 的目标是通过统一的代码库,简化多平台开发过程,提高开发效率。 在这一部分中,我们将逐步介绍如何下载和使用uni-app、创建一个新的项目、如何将项目链接到小程序,以及实现数据缓存的基本方法。
|
2月前
|
安全 网络安全 Android开发
深度解析:利用Universal Links与Android App Links实现无缝网页至应用跳转的安全考量
【10月更文挑战第2天】在移动互联网时代,用户经常需要从网页无缝跳转到移动应用中。这种跳转不仅需要提供流畅的用户体验,还要确保安全性。本文将深入探讨如何利用Universal Links(仅限于iOS)和Android App Links技术实现这一目标,并分析其安全性。
372 0
|
4月前
|
存储 BI Android开发
全开源仿第八区H5APP封装打包分发系统源码
全开源仿第八区H5APP封装打包分发系统源码
155 4
|
数据安全/隐私保护 iOS开发
使用HBuilder平台打包并上传iOS应用到App Store的完整教程
使用HBuilder平台打包并上传iOS应用到App Store的完整教程
|
7月前
|
开发者 iOS开发
UniApp打包教程:使用HBuilder X和AppUploader完成原生App云打包和上架指南“
UniApp打包教程:使用HBuilder X和AppUploader完成原生App云打包和上架指南“
245 3
|
缓存 Java PHP
解决Hbuilder打包的APP微信支付时无法唤起支付,且提示{“code“:-100,“message“:“[payment微信:-1]General errors“}的问题
解决Hbuilder打包的APP微信支付时无法唤起支付,且提示{“code“:-100,“message“:“[payment微信:-1]General errors“}的问题
|
5月前
|
前端开发 JavaScript
HBuilder实现App资源在线升级更新
这篇文章介绍了使用HBuilder实现App资源在线升级的流程,包括获取线上和本地版本号对比、检查更新、下载安装包、静默或用户触发安装以及重启应用。关键代码展示了如何比较版本、下载wgt文件及安装更新。注释提到仅同名文件被覆盖,manifest.json变化需整包升级。提供了一个DEMO下载链接。
192 0

热门文章

最新文章