H5微信支付流程

Posted 2020-10-05 撸的一手好诗

1,.在微信支付平台配置域名为支付页面的目录 比如支付页面 a.aaa.com/pay/pay.com 设置域名 a.aaa.com/pay/

2.点击下单时候请求后台服务器，后台会去请求微信预支付订单，返回预支付订单信息res 包含appId、timeStamp、nonceStr、signType、paySign信息

3.请求微信支付

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script><!--调用JSSDK-->

        wx.config({
          appId: res.appId,// 接口返回的appId
          timestamp: res.timeStamp, //同上，主要两s大小写不一样
          nonceStr: res.nonceStr,// 同上
          signature: res.paySign,//官网说两个签名不一样，但是用起来没报错
          jsApiList: [
            ‘chooseWXPay‘
          ]
        })
        wx.ready(function () {
          wx.chooseWXPay({
            timestamp: res.timeStamp, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
            nonceStr: res.nonceStr, // 支付签名随机串，不长于 32 位
            package: res.package, // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=***）
            signType: res.signType, // 签名方式，默认为‘SHA1‘，使用新版支付需传入‘MD5‘
            paySign: res.paySign, // 支付签名
            success: function (res) {
               alert(‘success‘)// 成功支付 
            }
          })