微信公众号支付接入

微信公众号支付，使用 WxPubPayClient 客户端进行对接。

下面，我们以 yudao-mall-uniapp 商城项目，演示微信公众号支付的接入流程。

1. 第一步，配置支付渠道

① 访问 [支付管理 -> 应用信息] 菜单，点击“商城应用”对应的【微信 JSAPI 支付】，进入支付渠道的配置。如下图所示：

• 在 https://pay.weixin.qq.com/index.php/core/account/info 地址，可获取微信支付商户号
• 在 https://pay.weixin.qq.com/index.php/core/cert/api_cert#/ 地址，可获取 API 证书、密钥

② 访问微信支付的 开发配置 地址，设置 JSAPI 支付目录，设置为前端项目的访问域名。如下图所示：

2. 支付功能测试

① IDEA 打开前端 uniapp 项目，修改 .env 配置文件的 SHOPRO_DEV_BASE_URL 配置项目，替换成你的后端项目的访问域名。例如说下图：

② 使用手机微信，访问前端项目的域名。随便找个商品下单，一路往下走，可以进入“收银台”界面（对应前端项目的 pages/pay/index.vue 文件）。如下图所示：

③ 选择“微信支付”，点击“立即支付”按钮，即可进行微信支付。如下图所示：

• 前端代码的实现，可见 sheep/platform/pay.js 文件的 #wechatOfficialAccountPay(...) 方法
• 后端代码的实现，可见 AppPayOrderController 提供的 #submitPayOrder(...) 接口

④ 支付成功后，跳转到“支付结果”界面（对应前端项目的 pages/pay/result.vue 文件）。