Résumer la méthode d'utilisation du paiement par compte public WeChat dans le projet vue

Le contenu de cet article est de résumer les méthodes de paiement utilisant les comptes publics WeChat dans le projet Vue. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.

Paiement du compte public WeChat

1. Utilisez jssdk pour appeler le paiement WeChat, voir la documentation de développement pour plus de détails

La vuex utilisée est en mutations

    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))
             }
           })
         }
       }

Validez-vous sur la page de paiement

    // 存储微信支付数据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
    })

2. Après avoir cliqué sur le bouton de fin de paiement, le front-end recevra la valeur de retour de JavaScript

3. recevez un paiement réussi de la plateforme ouverte WeChat Notification de rappel

Entrez dans le piège

1 choisissez WXPay : échouez, la valeur d'autorisation est vérifiée hors ligne

这是因为不能在在微信开发者工具上测试，需要真机测试

2. ChooseWXPay:fail

需要配置正确的支付授权目录，vue的单页应用直接配置为域名就行。

其他需要配置为调用支付的上一级目录，以/结束

3. Le compte de commande et le compte de paiement sont incohérents

需要后台看一下openId配置

.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!