准备

首先，进入微信公众平台，注册自己的微信小程序，完成个人信息的配置，做好准备工作。

第二步，准备好自己的工程文件，打开自己的，准备打包！

发布流程 1.获取微信小程序

登录微信公众平台，查看您的微信小程序并复制

2.填写微信

打开自己的项目文件，选择.json文件->微信小程序配置，粘贴自己的小程序id：

3.发布

选择发行->小程序-微信

之后，出现以下弹出窗口。此时填写微信小程序的名称也没关系。真实姓名是您在公共平台设置的姓名。然后点击发布：

接下来会自动打开微信开发者工具（如果没有，请先安装）。我们选择右上角的上传按钮：

然后上传失败。

遇到问题不要惊慌。首先我们来分析一下失败的原因：

1.主包太大

解决方案：分包

首先我们来看看分包的限制

尺寸限制

分包注意事项

目录结构如下

┌─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

分包步骤

启用分包优化

.json->源代码查看->mp-添加配置以启用分包优化

"optimization" : { "subPackages" : true //是否启用分包优化 }

页面文件夹的页面分为文件夹

我个人的建议是只将页面放入页面文件夹中，并将所有非页面分包给或

注意：分包后一定要检查页面跳转或者图片路径。可能会导致分包后页面跳转失败或者图片路径不正确。

2、图片等静态资源超出

解决方案：将静态资源上传到CDN

3.未启用组件按需注入

解决方案：.json->源码查看->mp-添加配置，实现按需引入组件

"lazyCodeLoading" : "requiredComponents" //按需注入

再次扫码质量合格

然后再次上传项目，上传成功！

4.公众平台提交审核

最后一步，登录微信公众平台，选择版本管理。您将找到您在上一步中提交的版本。然后点击提交以供审核。如果是第一次发布，可以尝试加快审核速度，这样可以节省一些时间。

补充：【配置域名】

在发布自己的小程序之前，必须先配置域名，以便小程序可以使用网络功能。如果不配置域名，任何上网功能（API访问）都会失败。

首先登录微信公众平台，选择开发管理->开发设置->服务器域名，配置自己的合法域名。

这里需要注意的是IP地址是不允许的，必须是域名。因此，如果您没有域名，请先注册域名，然后备案，然后用域名进行配置。