HBuilderX uni-app 打包发行微信小程序

前言

本文主要记录下 HBuilderX uni-app 打包微信小程序的配置及发行步骤。

 一、manifest.json 配置

打开 manifest.json 文件,找到 微信小程序配置,填写 微信小程序AppID,此 AppID 必须是本人有权限的 ID。具体配置如下图。

微信小程序 AppID 获取方法,登录 微信公众平台,点击 开发管理 -> 开发设置,即可查看。

二、发行

在 HBuilderX 工具栏,点击 发行 -> 小程序-微信,在弹出框中填写微信小程序名称,微信小程序 AppID,点击发行。具体如下图。

点击发行之后,便开始编译打包。打包文件所在目录为 /unpackage/dist/build/mp-weixin,在微信开发者工具中直接上传打包后的文件即可。注意:不要在微信开发者工具中编译打包后的文件,如代码有改动,则在 HBulider 中重新发行。

点击发行后,编译成功后会自动启动微信开发者工具,连接至微信开发者工具可查看文章:HBuilderX 连接 微信开发者工具_lhz_333的博客-CSDN博客

在微信开发者工具中查看打包后的项目,如果不能正常请求,在微信公众平台查看是否配置 request 合法域名等相关配置。

 检查无误后,点击上传,上传开发版本代码。

上传成功后,在微信公众平台,版本管理中可查看。

参考资源链接:[解决uni-app项目uni_modules超包问题,高效发行微信小程序](https://wenku.csdn.net/doc/1cuyrcqq3n?utm_source=wenku_answer2doc_content) 在开发uni-app项目时,主包体积的优化是确保微信小程序顺利通过审核的关键。针对uni_modules的优化,可以采取以下几个策略: 1. **拆分uni_modules文件**:首先,需要对项目中使用的uni_modules进行详细分析,将不常用或非核心的组件和插件拆分到分包中。这一步骤要求开发者对项目结构有清晰的认识,识别出哪些模块是必须包含在主包中的,哪些可以作为分包动态加载。在HBuilderX中,可以通过项目结构的组织和配置,手动或使用辅助工具进行模块拆分。 2. **使用动态导入**:动态导入技术允许开发者仅在需要时加载uni_modules中的组件或插件。这可以通过ES6的动态导入语法`import()`实现,或者使用uni-app提供的动态导入方法。在代码中适当位置调用动态导入语句,可以有效控制主包中代码的体积。 3. **优化依赖插件**:在安装和使用第三方插件时,应尽量选择轻量级且功能专一的插件。对于大型的插件库,可以考虑只引入必要的部分,或者寻找其他更轻量级的替代方案。 4. **合理配置HBuilderX项目**:在HBuilderX中创建项目时,应根据项目的实际需求配置项目结构和资源。例如,设置合适的编译配置,优化构建过程中的代码压缩和合并策略,减少无用代码的打包。 5. **监控和测试**:在优化过程中,应不断监控主包的大小,并通过HBuilderX内置的模拟器和微信开发者工具进行测试,确保各项功能正常运行。 通过以上方法,可以有效控制uni-app项目的主包体积,避免在发行微信小程序时出现超包问题。相关的技术实现和操作细节,可以参考《解决uni-app项目uni_modules超包问题,高效发行微信小程序》这篇资料,文中详细介绍了项目创建、配置、发行等步骤,以及如何解决超包问题的具体操作。 参考资源链接:[解决uni-app项目uni_modules超包问题,高效发行微信小程序](https://wenku.csdn.net/doc/1cuyrcqq3n?utm_source=wenku_answer2doc_content)
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值