HBuilderX uni-app 打包发行 H5 配置

前言

本文主要记录下 uni-app 使用 HBuilderX 打包并发行 H5 的配置。

一、 manifest.json 配置

找到项目目录中的 manifest.json 文件,点击 h5 配置,进行 h5 打包属性配置。如下图所示。

二、发行

点击工具栏,发行 -> 网站-PC Web或手机H5,填写网站标题后,点击发行。如下图所示。

 如此时 HBuilder 未登录,则会弹出登录弹框。

登录成功后,发现发布 H5 失败。查看报错原因,该项目的AppID非当前账号所有,请联系应用所有者设置你的账号为协作者或者在该项目的 manifest.json 中重新获取。

 此时,打开 manifest.json 重新获取下 AppID 即可。

重新获取之后,再次点击发行。此时便打包成功。打包文件在 /unpackage/dist/build/ h5 目录下。

HbuilderX是一个用于开发多种应用的集成开发环境,包括H5应用。要使用HbuilderX打包H5 APP,可以按照以下步骤进行操作: 1. 下载并安装HbuilderX。 2. 在HbuilderX中新建一个项目,选择项目类型为H5 APP。 3. 选择项目的本地存放地址,并填写项目名称,然后点击创建。 4. 打开刚创建的项目,在项目文件中找到manifest.json文件。 5. 在manifest.json文件中填写你的H5项目地址。 6. 进行基本配置,根据你的需求进行设置。 7. 在SDK配置中,可以配置项目appid、key和其他相关配置,比如定位功能的配置。 8. 填写完所有配置后,点击发行,选择云打包。 9. 等待云打包完成,HbuilderX会给出一个下载链接。 10. 点击下载链接,下载生成的安装包。 11. 将安装包安装到手机上,即可打开H5 APP。 以上是使用HbuilderX打包H5 APP的简要步骤,具体的操作细节可以参考HbuilderX的官方文档或者相关教程。 #### 引用[.reference_title] - *1* [hBuilderX将小程序打包h5](https://blog.csdn.net/weixin_33974433/article/details/91454803)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [HbuilderX打包app,Hbuilder怎么打包appH5打包appH5怎么打包app](https://blog.csdn.net/LIUAWEIO/article/details/88719446)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [HBuilderX H5 app打包以及加入个推](https://blog.csdn.net/zwx19921215/article/details/102918090)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值