前端配置编译上传微信小程序推荐使用

⚠️ 警告

需要使用企业认证微信小程序。

提示本教程为微信小程序的发布流程，如果有版本更新，请下载最新源码，重复操作编译上传发布微信小程序的步骤。

微信小程序类目资质​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: 按下图设置，其中电话填写自己的手机号码，单击【确定并生成授权】。

提交审核​上传以后，登录小程序官方后台，可以看到小程序的开发版本，提交审核即可。等审核通过，点按钮发布。