微信公众号支付 jssdk ，后端 laravel + easywechat，前端 uniapp

前提：商户号，各种授权域名 ，app_id api_key 证书 等，都已配置好了。

不会配置的参考官方文档：

https://pay.weixin.qq.com/wiki/doc/apiv3/open/pay/chapter2_1.shtml

 

主要流程

1. 前端：用户点购买按钮

2. 前端：初始化jssdk

3. 前端：调用后端接口，尝试生成预支付订单。

4. 后端：生成预支付订单（比如订单的金额，编号，商品）。调用微信统一下单接口，成功后返回给前端

5. 前端：收到后端返回的参数。使用这些参数，发起支付，此时出现支付的界面

6. 用户输入密码，支付成功

7. 微信回调后端接口，后端接收到微信的回调后，处理业务，比如修改订单状态为已支付。

 

代码截图，上面的每一步流程，都标注在代码中了：

前端代码(uniapp uviewui)