编译上传微信小程序
<p>[TOC]</p>
<p>⚠️ 警告</p>
<p>需要使用企业认证微信小程序。</p>
<p>提示</p>
<p>本教程为微信小程序的发布流程,如果有版本更新,请下载最新源码,重复操作编译上传发布微信小程序的步骤。</p>
<h2>微信小程序类目资质<a href="https://doc.chatmoney.cn/pro/front/mnp.html#%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E7%B1%BB%E7%9B%AE%E8%B5%84%E8%B4%A8"></a></h2>
<p><a href="https://developers.weixin.qq.com/community/develop/article/doc/000a6c1c700c78bce2204942066813"><a href="https://developers.weixin.qq.com/community/develop/article/doc/000a6c1c700c78bce2204942066813">https://developers.weixin.qq.com/community/develop/article/doc/000a6c1c700c78bce2204942066813</a></a></p>
<h2>AppID、AppSecret设置<a href="https://doc.chatmoney.cn/pro/front/mnp.html#appid%E3%80%81appsecret%E8%AE%BE%E7%BD%AE"></a></h2>
<p>登录系统管理后台,点击【渠道设置】-【微信小程序】,打开<a href="https://mp.weixin.qq.com/"><a href="https://mp.weixin.qq.com">https://mp.weixin.qq.com</a></a>,登录微信小程序,单击【开发】->【开发管理】,复制AppID、AppSecret到管理后台,单击【保存】。<img src="https://doc.chatmoney.cn/docs/images/general/front/mnp/mnp-config-1.png" alt="" /></p>
<h2>服务器域名设置<a href="https://doc.chatmoney.cn/pro/front/mnp.html#%E6%9C%8D%E5%8A%A1%E5%99%A8%E5%9F%9F%E5%90%8D%E8%AE%BE%E7%BD%AE"></a></h2>
<p>⚠️ 警告</p>
<p>这里设置的域名,都为本系统的域名,如果有使用对象存储、或者其他地方设置了图片代理域名等,请将使用的域名也增加进去,不然和域名相关的功能可以存在异常。</p>
<p>在微信小程序官方管理后台,单击【开发管理】,找到【服务器域名】项,单击【开始配置】。<br />
在系统管理后台,点击【渠道设置】-【微信小程序】,找到【服务器域名】项,将服务器域名复制到微信小程序管理后台对应输入框,单击【保存并提交】。<img src="https://doc.chatmoney.cn/docs/images/general/front/mnp/mnp-config-2.png" alt="" /><img src="https://doc.chatmoney.cn/docs/images/general/front/mnp/mnp-config-3.png" alt="" /></p>
<h2>业务域名设置<a href="https://doc.chatmoney.cn/pro/front/mnp.html#%E4%B8%9A%E5%8A%A1%E5%9F%9F%E5%90%8D%E8%AE%BE%E7%BD%AE"></a></h2>
<p>注意</p>
<p>如果增加导航链接或者其他非本系统链接需要在小程序webview打开,除了本系统的域名外,还需要再增加该链接的域名。</p>
<ul>
<li><strong>步骤1</strong>: 在微信小程序官方管理后台,单击【开发管理】,找到【业务域名】项,单击【开始配置】。<br />
<img src="https://doc.chatmoney.cn/docs/images/general/front/mnp/mnp-config-4.png" alt="" /></li>
<li><strong>步骤2</strong>:</li>
</ul>
<p>⚠️ 警告</p>
<p>1.如果多次下载,文件可能会被电脑修改名称,请上传时保留原来的文件名称。<br />
2.注意不要弄错项目目录。</p>
<p>单击【下载校验文件】,将文件上传到该域名对应的项目目录的"server/public"路径。<img src="https://doc.chatmoney.cn/docs/images/general/front/mnp/mnp-config-5.png" alt="" /><img src="https://doc.chatmoney.cn/docs/images/general/front/mnp/mnp-config-6.png" alt="" /></p>
<ul>
<li><strong>步骤3</strong>: 登录系统管理后台,单击【渠道设置】->【微信小程序】,【复制】业务域名。然后在微信小程序官方管理后台填写【保存】。<img src="https://doc.chatmoney.cn/docs/images/general/front/mnp/mnp-config-7.png" alt="" /><img src="https://doc.chatmoney.cn/docs/images/general/front/mnp/mnp-config-8.png" alt="" /></li>
</ul>
<h2>编译上传微信小程序<a href="https://doc.chatmoney.cn/pro/front/mnp.html#%E7%BC%96%E8%AF%91%E4%B8%8A%E4%BC%A0%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F-1"></a></h2>
<h3>下载安装<a href="https://doc.chatmoney.cn/pro/front/mnp.html#%E4%B8%8B%E8%BD%BD%E5%AE%89%E8%A3%85"></a></h3>
<p>打开<a href="https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html"><a href="https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html">https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html</a></a>,下载适合自己系统的版本,并进行安装。</p>
<h3>登录账号<a href="https://doc.chatmoney.cn/pro/front/mnp.html#%E7%99%BB%E5%BD%95%E8%B4%A6%E5%8F%B7"></a></h3>
<p>打开微信开发者工具,微信扫码登录,扫码的微信必须是该小程序的管理员或者开发者,是否后续步骤会有问题。<img src="https://doc.chatmoney.cn/docs/images/general/front/mnp/mnp-login.png" alt="" /></p>
<h3>配置微信开发者工具<a href="https://doc.chatmoney.cn/pro/front/mnp.html#%E9%85%8D%E7%BD%AE%E5%BE%AE%E4%BF%A1%E5%BC%80%E5%8F%91%E8%80%85%E5%B7%A5%E5%85%B7"></a></h3>
<p>点击【设置】->【安全】,并启用【服务端口】。这样,下面的步骤中 Hbuilder X 才能够与微信开发者工具进行通信。<img src="https://doc.chatmoney.cn/docs/images/general/front/mnp/mnp-develop.png" alt="" /></p>
<h3>下载安装Hbuilder X<a href="https://doc.chatmoney.cn/pro/front/mnp.html#%E4%B8%8B%E8%BD%BD%E5%AE%89%E8%A3%85hbuilder-x"></a></h3>
<p>访问 Hbuilder X 官网 <a href="https://www.dcloud.io/hbuilderx.html"><a href="https://www.dcloud.io/hbuilderx.html">https://www.dcloud.io/hbuilderx.html</a></a>,下载适合自己系统的版本,然后进行安装。</p>
<h3>打开项目<a href="https://doc.chatmoney.cn/pro/front/mnp.html#%E6%89%93%E5%BC%80%E9%A1%B9%E7%9B%AE"></a></h3>
<p>⚠️ 警告</p>
<p>请勿打开源码根目录,要打开源码包下面的uniapp目录。</p>
<ul>
<li><strong>步骤1</strong>: 本地电脑解压下载源码包。</li>
<li><strong>步骤2</strong>: 启动Hbuilder X,单击【文件】->【打开目录】,现在步骤1解压的源码目录,选择目录下的uniapp目录,【打开】。<img src="https://doc.chatmoney.cn/docs/images/general/front/mnp/mnp-open-1.png" alt="" /><img src="https://doc.chatmoney.cn/docs/images/general/front/mnp/mnp-open-2.png" alt="" /><img src="https://doc.chatmoney.cn/docs/images/general/front/mnp/mnp-open-3.png" alt="" /></li>
</ul>
<h3>配置uni-app应用标识<a href="https://doc.chatmoney.cn/pro/front/mnp.html#%E9%85%8D%E7%BD%AEuni-app%E5%BA%94%E7%94%A8%E6%A0%87%E8%AF%86"></a></h3>
<p>打开unaipp/src/manifest.json文件,找到uni-app 应用标识这一项,然后单击 【重新获取】,这样就可以重新设置 uni-app 应用标识。<img src="https://doc.chatmoney.cn/docs/images/general/front/mnp/get-uni-app-appid.png" alt="" /></p>
<h3>服务端配置<a href="https://doc.chatmoney.cn/pro/front/mnp.html#%E6%9C%8D%E5%8A%A1%E7%AB%AF%E9%85%8D%E7%BD%AE"></a></h3>
<p>注意</p>
<p>1.注意了文件名称前面有个“.”。<br />
2.记得改成配置以后,保存文件。<br />
3.配置的服务端域名一定使用https。 4.Java版配置前台的域名。</p>
<ul>
<li><strong>步骤1</strong>:<br />
复制.env.production.example文件并改成为.env.production。<img src="https://doc.chatmoney.cn/docs/images/general/front/mnp/copy-config.png" alt="" /></li>
<li><strong>步骤2</strong>:<br />
点击.env.production文件,文件配置里面的VITE_APP_BASE_URL值改成自己服务端的https域名,点击【文件】->【保存】。<img src="https://doc.chatmoney.cn/docs/images/general/front/mnp/settings-api.png" alt="" /></li>
</ul>
<h3>安装依赖<a href="https://doc.chatmoney.cn/pro/front/mnp.html#%E5%AE%89%E8%A3%85%E4%BE%9D%E8%B5%96"></a></h3>
<p>单击【工具】->【外部命令】->【npm install】进行依赖安装。如果提示需要安装插件,请单击确认并继续安装。<img src="https://doc.chatmoney.cn/docs/images/general/front/mnp/npm-install.png" alt="" /></p>
<h3>编译发行<a href="https://doc.chatmoney.cn/pro/front/mnp.html#%E7%BC%96%E8%AF%91%E5%8F%91%E8%A1%8C"></a></h3>
<p>单击【发行】->【小程序-微信】,并填写小程序名称和 AppID。然后单击【发行】,这时需要登录小程序编译。如果编译不成功,请重试。编译成功后,会自动弹出微信开发者工具。如果多次编译不成功,可能是前面的步骤没有完成。<img src="https://doc.chatmoney.cn/docs/images/general/front/mnp/mnp-release-1.png" alt="" /><img src="https://doc.chatmoney.cn/docs/images/general/front/mnp/mnp-release-2.png" alt="" /></p>
<h3>上传小程序<a href="https://doc.chatmoney.cn/pro/front/mnp.html#%E4%B8%8A%E4%BC%A0%E5%B0%8F%E7%A8%8B%E5%BA%8F"></a></h3>
<p>编译成功后,会自动弹出小程序开发者窗口,可以在其中预览微信小程序。点击【上传】->【确定】,填写版本号后,点击【上传】,这样就完成微信小程序上传。<img src="https://doc.chatmoney.cn/docs/images/general/front/mnp/mnp-upload-1.png" alt="" /><img src="https://doc.chatmoney.cn/docs/images/general/front/mnp/mnp-upload-2.png" alt="" /></p>
<h2>用户隐私保护指引设置<a href="https://doc.chatmoney.cn/pro/front/mnp.html#%E7%94%A8%E6%88%B7%E9%9A%90%E7%A7%81%E4%BF%9D%E6%8A%A4%E6%8C%87%E5%BC%95%E8%AE%BE%E7%BD%AE"></a></h2>
<ul>
<li><strong>步骤1</strong>:<br />
在小程序官方后台单击【设置】->【更新】。<img src="https://doc.chatmoney.cn/docs/images/general/front/mnp/agreement-1.png" alt="" /></li>
<li><strong>步骤2</strong>:<br />
选择【本小程字处理了用户信息,将如实填写并及时更新用户信息处理情况。】->【确定以上内容】。<img src="https://doc.chatmoney.cn/docs/images/general/front/mnp/agreement-2.png" alt="" /></li>
<li><strong>步骤3</strong>:<br />
设置用户信息与使用接口对应关系,单击【确定】。<img src="https://doc.chatmoney.cn/docs/images/general/front/mnp/agreement-3.png" alt="" /><img src="https://doc.chatmoney.cn/docs/images/general/front/mnp/agreement-4.png" alt="" /></li>
<li><strong>步骤4</strong>:<br />
按下图设置,其中电话填写自己的手机号码,单击【确定并生成授权】。</li>
</ul>
<h2>提交审核<a href="https://doc.chatmoney.cn/pro/front/mnp.html#%E6%8F%90%E4%BA%A4%E5%AE%A1%E6%A0%B8"></a></h2>
<p>上传以后,登录小程序官方后台,可以看到小程序的开发版本,提交审核即可。等审核通过,点按钮发布。<img src="https://doc.chatmoney.cn/docs/images/general/front/mnp/audit.png" alt="" /></p>