微信小程序商城发布上线①

展开

微信小程序商城发布上线①

#说明
本步骤需要准备工作，准备工作请阅读此文档：[https://www.likeshop.cn/doc/2/2172](https://www.likeshop.cn/doc/2/2172 "https://www.likeshop.cn/doc/2/2172") 
# 微信小程序配置
### AppID(小程序ID)和AppSecret(小程序密钥)设置
打开并登录微信小程序官网后台：[https://mp.weixin.qq.com/](https://mp.weixin.qq.com/ "https://mp.weixin.qq.com/")，点击【开发管理】-【开发设置】，分别复制AppID(小程序ID)和AppSecret(小程序密钥)	。可以不设置IP白名单，**如果设置了IP白名单，要填写服务器的正确IP地址。**
![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=a11c4c5bcaf8d42e9fc1bdb6bb54d2f1) 
打开并登录商城后台，【渠道】-【小程序设置】。填写从微信小程序官网后台复制的AppID和AppSecret ,然后点击确定保存。
![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=59b4e2df00fe284d5f602d144a0db36c) 
## 配置微信小程序服务器信息
打开并登录商城后台，【渠道】-【小程序设置】，找到服务器域名。分别复制request合法域名、socket合法域名、uploadFile合法域名、downloadFile合法域名、udp合法域名、tcp合法域名。
![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=5f2a47053f4177096536712d38296b2b) 
打开并登录微信小程序官网后台：[https://mp.weixin.qq.com/](https://mp.weixin.qq.com/ "https://mp.weixin.qq.com/")，点击【开发管理】-【开发设置】-【修改】，找到服务器域名，从商城后台将request合法域名、socket合法域名、uploadFile合法域名、downloadFile合法域名、udp合法域名、tcp合法域名一一复制到微信小程序后台对应选项，并点击【保存并提交】。
![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=284d82dd3477f4483527d5c945baa645) 
打开微信管理后台【开发管理】-【开发设置】-【修改】-【下载校验文件】,把校验文件下载下来。
![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=7e597c2136fe7ff6695241c17a6746e7) 
下载文件以后，把文件放进宝塔面板的项目目录server/public中，**请注意，不要修改文件名称，多次下载也会导致电脑自动修改文件名称。文件内容是1行32个字符，某些浏览器或下载工具下载的时候，会下载出错误的文件，请更换浏览器下载。**
![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=fd76bb81c9e201878f79dc7a8361c121) 
打开并登录商城后台，【渠道】-【小程序设置】，复制业务域名。
![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=e35421bf88b61d79853afd66a9eb7397) 
打开并登录微信小程序官网后台：[https://mp.weixin.qq.com/](https://mp.weixin.qq.com/ "https://mp.weixin.qq.com/")，点击【开发管理】-【开发设置】-【修改】，找到服务器域名，从商城后台将业务域名复制到微信小程序后台业务域名，点击【保存】。
![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=e5f502b4079160c8bcea253a67e023c3)

# 微信小程序发布上线
## 微信小程序开发者工具与HBuilderX设置
打开[https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html](https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html "https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html")，根据自己的系统选择对应的安装包，下载完安装。
![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=f1b587be41bcabf9c5926cb08809acbc) 
右键点击微信小程序开发者工具桌面图标属性，复制微信小程序开发者工具安装路径，找到小程序打开之前下载好的HBuilderX ，选择【工具】-》【设置】-》【运行设置】，找到小程序运行配置，设置好微信开发工具路径，**请注意，请勿复制到双引号，微信开发者工具路径要根据实际安装的路径填写。**（MacOS系统可绕过此步骤）
![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=dfc67a35fbedbf51e3bffe352ec323a5)
![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=db19180d126cef1b55c08c6e66e2a0a1) 
打开微信开发者工具，**使用微信小程序开发者账号登录**。点击设置图标、找到【安全】、开启服务端口。
![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=65d032952b1b76a32c51c468ac36fc81) 
## 编译微信小程序
上一个准备工作已经设置好了域名，我们打开项目的app.js目录，点击【发行】-【小程序-微信（仅使用于uni-app）】
![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=4ad15fe820685692bb978f0c38b34aea) 
填写好小程序名称、AppId，然后点击【发行】，**注意，小程序名称要填写，小程序界面某些地方会显示这个名称，AppId一定要填写正确**。编译过程大概需要1～2分钟，请耐心等待。
![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=44e9cc945030a8bdcb05bd6b058d9834) 
点击【详情】-【本地设置】，勾上【上传代码自动压缩文件】、【上传代码自动压缩脚本】、【上传代码自动压缩wxml文件】。
![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=2346e3a49888c4fb564067903bd4ce75) 
点击【详情】-【本地设置】，勾上【上传代码自动压缩文件】、【上传代码自动压缩脚本】、【上传代码自动压缩wxml文件】。
![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=2346e3a49888c4fb564067903bd4ce75) 
然后点击【上传】-【确定】-【上传】，上传微信小程序。
![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=557d2e81721231edd206fb136fd80f66)
![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=c705919d97799477325e118d31faafed) 
登录微信小程序管理后台，点击【版本管理】，找到刚才发布的版本，点击【提交审核】。
![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=ee72e8f329c7e4f519a2f8651213a71c) 
提交审核的时候，如出现要求填写隐私协助，可参考下面方式填写及结合自身实际情况填写。
![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=95970547350d7e21980d322f58c94bea)
 
审核通过以后，刚才提交的版按钮会变成提交发布，点击【提交发布】，这样微信小程序就正式发布了。
![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=29a15a5d1d3539504672fa698abe94b7)