H5微信支付流程

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')// 成功支付 
            }
          })

 

posted @ 2017-09-07 11:14  撸的一手好诗  阅读(2427)  评论(0编辑  收藏  举报