非微信内置浏览器调用微信支付(第三方)

296 阅读1分钟

前言:h5支付调用微信支付(第三方)

点击支付按钮需要后端同事返回“mweb_url”字段调通支付功能(这个就得看后端同事的技术啦~~~)

 

当拿到“mweb_url”字段之后,就可以跳转第三方微信支付啦

bug:调起支付支付,用户取消支付/支付成功都会回到下单页,所以需要加“redirect_url”

“redirect_url”:成功/失败跳转的页面,且需要编码(encodeURIComponent)

let origin = window.location.origin + '/GroupBook' + window.location.search + '&id_order=' + this.order_id
window.location.replace(this.mweb_url + '&redirect_url=' + encodeURIComponent(origin))

 

 所以:支付成功/失败在返回页做个判断(需要跟后端同事配合)用该订单号判断是否支付,支付成功跳转“支付成功页面”;失败则返回“失败页面”

 

 总结:调起微信支付后,用上面两行代码就能完成啦^_^