h5项目微信支付方法
作者:互联网
点击支付先调用后端接口,返回的数据传入即可,剩下的后端处理 手机报错的话检查参数是否正确,提示支付账户不符或者签名的问题找后端解决
function onBridgeReady() { WeixinJSBridge.invoke( "getBrandWCPayRequest", {
//参数后端接口返回 appId: res.body.msg.appId, //公众号名称,由商户传入 timeStamp: res.body.msg.timestamp, //时间戳,自1970年以来的秒数 nonceStr: res.body.msg.nonceStr, //随机串 package: `${prepay_id}`, signType: res.body.msg.signType, //微信签名方式: paySign: res.body.msg.paySign //微信签名 }, wxResponse => { if (wxResponse.err_msg == "get_brand_wcpay_request:ok") { this.$toast('支付成功') } if (wxResponse.err_msg == "get_brand_wcpay_request:fail") { this.$toast("支付失败"); } if (wxResponse.err_msg == "get_brand_wcpay_request:cancel") { this.$toast("支付取消"); } } ); } if (typeof WeixinJSBridge == "undefined") { if (document.addEventListener) { document.addEventListener( "WeixinJSBridgeReady", onBridgeReady, false ); } else if (document.attachEvent) { document.attachEvent("WeixinJSBridgeReady", onBridgeReady); document.attachEvent( "onWeixinJSBridgeReady", onBridgeReady ); } } else { onBridgeReady(); }
标签:body,res,wxResponse,微信,h5,onBridgeReady,支付,msg,document 来源: https://www.cnblogs.com/wangkunlong/p/14148184.html