使用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月前
|
移动开发 前端开发 Android开发
【02】建立各项目录和页面标准化产品-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
【02】建立各项目录和页面标准化产品-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
315 12
【02】建立各项目录和页面标准化产品-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
|
2月前
|
移动开发 JavaScript 应用服务中间件
【06】优化完善落地页样式内容-精度优化-vue加vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
【06】优化完善落地页样式内容-精度优化-vue加vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
288 5
【06】优化完善落地页样式内容-精度优化-vue加vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
|
2月前
|
移动开发 Rust JavaScript
【01】首页建立-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
【01】首页建立-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
665 4
【01】首页建立-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
|
2月前
|
移动开发 Android开发
【03】建立隐私关于等相关页面和内容-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
【03】建立隐私关于等相关页面和内容-vue+vite开发实战-做一个非常漂亮的APP下载落地页-支持PC和H5自适应提供安卓苹果鸿蒙下载和网页端访问-优雅草卓伊凡
177 0
|
6月前
|
前端开发 JavaScript
病例制作app生成器,医院住院出院证明在线制作,js+css网页娱乐版
医院住院出院证明在线制作网页的完整代码实现,包含HTML、CSS和JavaScript三部分,这是一个纯前端娱乐项目。
|
9月前
|
存储 文件存储 Android开发
仿第八区APP分发下载打包封装系统源码
该系统为仿第八区APP分发下载打包封装系统源码,支持安卓、iOS及EXE程序分发,自动判断并稳定安装。智能提取应用信息,自动生成PLIST文件和图标,提供合理的点数扣除机制。支持企业签名在线提交、专属下载页面生成、云端存储(阿里云、七牛云),并优化签名流程,支持中文包及合并分发,确保高效稳定的下载体验。 [点击查看源码](https://download.csdn.net/download/huayula/90463452)
612 22
|
11月前
|
缓存 前端开发 IDE
【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
318 0
【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
|
数据安全/隐私保护 iOS开发
使用HBuilder平台打包并上传iOS应用到App Store的完整教程
使用HBuilder平台打包并上传iOS应用到App Store的完整教程
|
开发者 iOS开发
UniApp打包教程:使用HBuilder X和AppUploader完成原生App云打包和上架指南“
UniApp打包教程:使用HBuilder X和AppUploader完成原生App云打包和上架指南“
443 3

热门文章

最新文章