微信JSAPI支付文档
前端调用JSAPI支付有两种方法
方法一:
wx.chooseWXPay({// 支付签名时间戳,注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符timestamp: timestamp.toString(),// 支付签名随机串,不长于 32 位nonceStr: nonce_str,// 统一支付接口返回的prepay_id参数值,提交格式如:prepay_id=\*\*\*)package: package,// 签名方式,默认为'SHA1',使用新版支付需传入'MD5'signType: "MD5",// 支付签名paySign: pay_sign,// 支付成功后的回调函数success: function (res) {// res.errMsg === 'chooseWXPay:ok'方式判断前端返回,微信团队郑重提示:// res.errMsg将在用户支付成功后返回ok,但并不保证它绝对可靠, 切记。if (res.errMsg === 'chooseWXPay:ok') {// todo}},// 支付取消回调函数cancel: function (res) {that.$toast('用户取消支付~')},// 支付失败回调函数fail: function (res) {that.$toast('支付失败~')}})
方法二:
WeixinJSBridge.invoke("getBrandWCPayRequest",{appId: appId, //公众号名称,由商户传入timeStamp: timestamp.toString(), //时间戳,自1970年以来的秒数nonceStr: nonce_str, //随机串 后台生成package: package,signType: "MD5", //微信签名方式:paySign:sign //微信签名},res => {if (res.err_msg == "get_brand_wcpay_request:ok") {//微信团队郑重提示:res.err_msg 将在用户支付成功后返回 ok,但并不保证它绝对可靠。that.$toast.success("支付成功!");}if (res.err_msg == "get_brand_wcpay_request:fail") {that.$toast.fail("支付失败!");}if (res.err_msg == "get_brand_wcpay_request:cancel") {that.$toast.fail("支付已取消!");}});
在开发过程中遇到当前页面的URL未注册的错误提示, 要注意, 当你的微信支付配置与文档无误以外, 看看转跳到此支付页的上一页A的路由是否与你设定的域名/授权目录/回调链接一致.
如:
在微信设定的域名是:
https:/efg/
那么,A转跳到支付页面的路由应该是:
this.$router.push('https:/efg/?参数')
而不能是:
this.$router.push('https:/efg?参数')
注意, 当操作系统是ios的话, 转跳不能用router.push, 要使用locaiton.href,因为ios拿到的是第一个进入的链接
而当遇到支付验证签名失败这个提示时, 应提醒后端, 是否设定的参数与支付文档不一致, 且要留意, 支付签名是否需要二次签名. 当一切都与文档一致还是报此错误时, 要留意, 后端传给微信的参数要与前端一致, 如(timestamp, nonceStr等要一致)