文章目录预准备发布流程1.获取微信小程序AppID2.填写微信AppID3.发布微信小程序介绍参考小程序注册小程序注册步骤预准备首先进入微信公众平台注册自己的微信小程序完成个人信息配置做好准备工作。其次是准备好自己的uniapp工程文件打开自己的HbuilderX准备打包发布流程1.获取微信小程序AppID登录微信公众平台查看自己微信小程序的AppId并复制2.填写微信AppID打开uniapp自己的工程文件选择 manifest.json文件-微信小程序配置黏贴自己的小程序id3.发布选择发行-小程序-微信之后出现下面的弹窗此时微信小程序名称随便填不影响真正名称在于你自己在公众平台设置的那个之后点击发行即可接下来HbuilderX会自动调开微信开发者工具(没有的朋友先安装)我们选中右上角的上传按钮然后就上传失败了。遇到问题不要慌首先我们来分析失败原因1.主包体积过大解决方法uniapp分包首先我们来看看分包有哪些限制大小限制微信小程序每个分包的大小是2M总体积一共不能超过20M。百度小程序每个分包的大小是2M总体积一共不能超过8M。支付宝小程序每个分包的大小是2M总体积一共不能超过8M。QQ小程序每个分包的大小是2M总体积一共不能超过24M。字节小程序每个分包的大小是2M总体积一共不能超过16M字节小程序基础库 1.88.0 及以上版本开始支持字节小程序开发者工具请使用大于等于 2.0.6 且小于 3.0.0 的版本分包注意事项subPackages 里的pages的路径是 root 下的相对路径不是全路径。分包下支持独立的 static 目录用来对静态资源进行分包。针对vendor.js过大的情况可以使用运行时压缩代码HBuilderX创建的项目勾选运行–运行到小程序模拟器–运行时是否压缩代码目录结构如下┌─pages │ ├─index │ │ └─index.vue │ └─login │ └─login.vue ├─pagesA │ ├─static│ └─list │ └─list.vue ├─pagesB │ ├─static│ └─detail │ └─detail.vue ├─static├─main.js ├─App.vue ├─manifest.json └─pages.json分包步骤开启分包优化manifest.json-源码视图-mp-weixin添加配置开启分包优化optimization:{subPackages:true//是否启用分包优化}page文件夹的页面分一部分到pageA文件夹个人建议是page文件夹只放tabBar页面非tabBar页面都分包至pageA或者pageB注意分包之后注意检查页面跳转或者图片路径有可能分包之后导致页面跳转失败或者图片路径不正确2.图片等静态资源超过200kb解决方法将静态资源上传至CDN3.未启用组件按需注入解决方法manifest.json-源码视图-mp-weixin添加配置开启组件按需引入lazyCodeLoading:requiredComponents//按需注入再次扫描代码质量通过然后再次上传项目上传成功4.公众平台提交审核最后一步登录微信公众平台选择版本管理会发现上一步自己提交的版本之后点击提交审核即可如果是首发可以尝试来一个加速审核能节省一些时间补充【配置域名】发布自己的小程序之前务必先配置一下域名这样小程序才能使用网络功能不配置域名任何互联网的访问功能(api访问)都会失败。首先登陆微信公众平台选择开发管理-开发设置-服务器域名配置自己的合法域名。这里要注意ip地址是不可以的必须是域名因而没有域名的请先注册域名而后备案之后用域名进行配置。