⚠️ 警告
需要使用企业认证微信小程序。
提示
本教程为微信小程序的发布流程,如果有版本更新,请下载最新源码,重复操作编译上传发布微信小程序的步骤。
微信小程序类目资质
https://developers.weixin.qq.com/community/develop/article/doc/000a6c1c700c78bce2204942066813
AppID、AppSecret设置
登录系统管理后台,点击【渠道设置】-【微信小程序】,打开https://mp.weixin.qq.com,登录微信小程序,单击【开发】->【开发管理】,复制AppID、AppSecret到管理后台,单击【保存】。
服务器域名设置
⚠️ 警告
这里设置的域名,都为本系统的域名,如果有使用对象存储、或者其他地方设置了图片代理域名等,请将使用的域名也增加进去,不然和域名相关的功能可以存在异常。
在微信小程序官方管理后台,单击【开发管理】,找到【服务器域名】项,单击【开始配置】。
在系统管理后台,点击【渠道设置】-【微信小程序】,找到【服务器域名】项,将服务器域名复制到微信小程序管理后台对应输入框,单击【保存并提交】。
业务域名设置
注意
如果增加导航链接或者其他非本系统链接需要在小程序webview打开,除了本系统的域名外,还需要再增加该链接的域名。
- 步骤1: 在微信小程序官方管理后台,单击【开发管理】,找到【业务域名】项,单击【开始配置】。
- 步骤2:
⚠️ 警告
1.如果多次下载,文件可能会被电脑修改名称,请上传时保留原来的文件名称。
2.注意不要弄错项目目录。
单击【下载校验文件】,将文件上传到该域名对应的项目目录的”server/public”路径。
- 步骤3: 登录系统管理后台,单击【渠道设置】->【微信小程序】,【复制】业务域名。然后在微信小程序官方管理后台填写【保存】。
编译上传微信小程序
下载安装
打开https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html,下载适合自己系统的版本,并进行安装。
登录账号
打开微信开发者工具,微信扫码登录,扫码的微信必须是该小程序的管理员或者开发者,是否后续步骤会有问题。
配置微信开发者工具
点击【设置】->【安全】,并启用【服务端口】。这样,下面的步骤中 Hbuilder X 才能够与微信开发者工具进行通信。
下载安装Hbuilder X
访问 Hbuilder X 官网 https://www.dcloud.io/hbuilderx.html,下载适合自己系统的版本,然后进行安装。
打开项目
⚠️ 警告
请勿打开源码根目录,要打开源码包下面的uniapp目录。
- 步骤1: 本地电脑解压下载源码包。
- 步骤2: 启动Hbuilder X,单击【文件】->【打开目录】,现在步骤1解压的源码目录,选择目录下的uniapp目录,【打开】。
配置uni-app应用标识
打开unaipp/src/manifest.json文件,找到uni-app 应用标识这一项,然后单击 【重新获取】,这样就可以重新设置 uni-app 应用标识。
服务端配置
注意
1.注意了文件名称前面有个“.”。
2.记得改成配置以后,保存文件。
3.配置的服务端域名一定使用https。 4.Java版配置前台的域名。
- 步骤1:
复制.env.production.example文件并改成为.env.production。 - 步骤2:
点击.env.production文件,文件配置里面的VITE_APP_BASE_URL值改成自己服务端的https域名,点击【文件】->【保存】。
安装依赖
单击【工具】->【外部命令】->【npm install】进行依赖安装。如果提示需要安装插件,请单击确认并继续安装。
编译发行
单击【发行】->【小程序-微信】,并填写小程序名称和 AppID。然后单击【发行】,这时需要登录小程序编译。如果编译不成功,请重试。编译成功后,会自动弹出微信开发者工具。如果多次编译不成功,可能是前面的步骤没有完成。
上传小程序
编译成功后,会自动弹出小程序开发者窗口,可以在其中预览微信小程序。点击【上传】->【确定】,填写版本号后,点击【上传】,这样就完成微信小程序上传。
用户隐私保护指引设置
- 步骤1:
在小程序官方后台单击【设置】->【更新】。 - 步骤2:
选择【本小程字处理了用户信息,将如实填写并及时更新用户信息处理情况。】->【确定以上内容】。 - 步骤3:
设置用户信息与使用接口对应关系,单击【确定】。 - 步骤4:
按下图设置,其中电话填写自己的手机号码,单击【确定并生成授权】。
提交审核
上传以后,登录小程序官方后台,可以看到小程序的开发版本,提交审核即可。等审核通过,点按钮发布。