vue项目使用微信公众号支付总结及遇到的坑

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

wechatPay (state, data) {

    state.payObject = data

    console.log(‘微信支付开始请求‘)

    if (wechat) {

     wx.chooseWXPay({

      timestamp: state.payObject.timeStamp, // 支付签名时间戳

      nonceStr: state.payObject.nonceStr, // 支付签名随机串，不长于 32 位

      package: state.payObject.package, // 统一支付接口返回的prepay_id参数值

      signType: state.payObject.signType, // 签名方式使用新版支付需传入‘MD5‘

      paySign: state.payObject.paySign, // 支付签名

      success: function (res) {

       alert(‘成功‘)

       alert(JSON.stringify(res))

      },

      cancel: function (res) {

       alert(‘已取消支付‘)

       alert(JSON.stringify(res))

      },

      fail: function (res) {

       alert(JSON.stringify(res))

      }

     })

    }

   }

2

3

4

5

6

7

8

9

10

11

// 存储微信支付数据data

 let data = res.body.data

 console.log(‘即将跳转微信支付‘)

 this.$store.commit({

   timeStamp: data.timeStamp,

   nonceStr: data.nonceStr,

   type: ‘wechatPay‘,

   package: data.package,

   signType: data.signType,

   paySign: data.paySign

 })