VUE H5 微信支付
一、H5支付需要引入SDK?
重要事情: 根本不用! 根本不用! 根本不用!
官网文档:官方文档
二、使用 WeixinJSBridge
提示:直接可用 OK 别忘记点赞!!!
提示:以下是本篇文章正文内容,下面案例可供参考
// An highlighted block
onBridgeReady(res){
uni.showLoading({ title: '订单支付中' })
WeixinJSBridge.invoke('getBrandWCPayRequest', {
"appId": res.appId, //公众号ID,由商户传入
"timeStamp": res.timeStamp, //时间戳,自1970年以来的秒数
"nonceStr": res.nonceStr, //随机串
"package": res.package,
"signType": res.signType, //微信签名方式:
"paySign": res.paySign //微信签名
},
function(result) {
uni.hideLoading();
if (result.err_msg == "get_brand_wcpay_request:ok") {
// 使用以上方式判断前端返回,微信团队郑重提示:
//res.err_msg将在用户支付成功后返回ok,但并不保证它绝对可靠。
uni.showToast({title:'支付成功'})
//**todo** 写自己的逻辑
}else if(result.err_msg == "get_brand_wcpay_request:cancel"){
uni.showToast({title:'用户取消支付',icon: 'none'})
//**todo** 写自己的逻辑
}else if(result.err_msg == "get_brand_wcpay_request:fail"){
uni.showToast({title:'支付失败',icon: 'none'})
//**todo** 写自己的逻辑
}else{
// 取消支付
uni.showToast({title:'取消支付',icon: 'none'})
//**todo** 写自己的逻辑
}
});
},