原生php+微信小程序支付流程，微信小程序+EasyWeChat进行微信支付

柔光的暖阳◎ 2022-03-26 15:41 1080阅读 0赞

## 1：微信发起支付请求，向后端请求数据   2：后台处理请求，配置支付，返回小程序数据   3：小程序前端`wx.requestPayment`调用，获取返回必须的支付数据，弹出支付框   4：支付完成，失败进行回调，处理数据 ##

//支付
      pay() {
    // console.log(123)
        if (this.data.count.num == 0) {
          this.show_hint({ show: true, success: false, message: "东西都不选，你买个啥啊？" })
          return;
        }
    
    wx.request({
      url: 'https://canteen.canon4ever.com/api/order/pay',
      header: {
        'Authorization': this.data.token
      },
      success: (res) => {
    
        let that = this;
    
        wx.requestPayment(
          {
            'timeStamp': res.data.timestamp,
            'nonceStr': res.data.nonceStr,
            'package': res.data.package,
            'signType': res.data.signType,
            'paySign': res.data.paySign,
    
            //成功回调
            'success': function (res) {//进行成功后的数据处理
              that.setData({
                show_cart: false,
                carts: [],
                cart_nums: {},
                count: { num: 0, total_price: 0 }
              })
              that.show_hint({ show: true, success: true, message: "支付成功！" })
            },
    
            //失败回调
            'fail': function (res) {//进行失败后的数据处理
    
              //是否用户主动取消？
              if (res.errMsg == "requestPayment:fail cancel") {
                that.show_hint({ show: true, success: false, message: "你咋取消了支付呢？赶紧买啊！" });
                return;
              }
    
              //系统故障
              that.show_hint({ show: true, success: false, message: "Shit，谁开发的渣渣，挂球了！叫人吧！" })
            },
            'complete': function (res) { }
          })
      }
    });
      }

后台引入`EasyWeChat`进行支付必要的配置，返回`json`格式数据

function pay(){
    
            $config = [
                // 必要配置
                'app_id'             => 'xxxxxx',
                'mch_id'             => 'xxxxxxx',
                'key'                => 'xxxxxx',   // API 密钥
                'notify_url'         => 'xxxxxxxxxxxxxxxxxxxxxx',     // 你也可以在下单时单独设置来想覆盖它
            ]
            
            $app = Factory::payment($config);
    
            $result = $app->order->unify([
                'body' => '小东西',
                'out_trade_no' => date('Ymd') . str_pad(mt_rand(1, 99999), 5, '0', STR_PAD_LEFT),//保证唯一性，不然不能支付
                'total_fee' => 1,
    //            'notify_url' => 'https://pay.weixin.qq.com/wxpay/pay.action', // 支付结果通知网址，如果不设置则会使用配置里的默认地址
                'trade_type' => 'JSAPI', // 请对应换成你的支付方式对应的值类型
                'openid' => 'xxxxxxxxxxx',
            ]);
    
            $prepayId = $result['prepay_id'];
            $jssdk = $app->jssdk;
            $config = $jssdk->sdkConfig($prepayId);
            $this->success(compact('config'), 1, "支付");//返回前端json数据
    //        print_r($config);
    
    
        }