溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
微信公眾號支付
1. 使用jssdk調用微信支付，具體查看開發文檔；
使用的vuex，在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))
}
})
}
}
在支付頁面中commit
// 存儲微信支付數據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. 支付點擊完成按鈕后，前端會收到JavaScript的返回值；
3. 后臺收到來自微信開放平臺的支付成功回調通知
踩坑
1. chooseWXPay:fail, the permission value is offline verifying
這是因為不能在在微信開發者工具上測試，需要真機測試
2. chooseWXPay:fail
需要配置正確的支付授權目錄，vue的單頁應用直接配置為域名就行。
其他需要配置為調用支付的上一級目錄，以/結束
3. 下單賬戶與支付賬戶不一致
需要后臺看一下openId配置
總結
以上所述是小編給大家介紹的vue項目使用微信公眾號支付總結，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
