<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
JSSDK调用
JSSDK调用微信配置
wx.config({
debug: true,
appId: res.appId,
nonceStr: res.nonceStr,
timestamp: res.timestamp,
url: res.url,
signature: res.signature,
jsApiList: [
'checkJsApi', 'chooseWXPay'
],
})
wx.ready(function () {
});
wx.error(function (res) {
// console.log(res)
});
//调取微信支付
wxpay(data){
wx.chooseWXPay({
appId:data.appId,
timestamp:data.timeStamp,
nonceStr:data.nonceStr,
package:data.package,
signType:data.signType,
paySign:data.paySign,
success: function (res) {
console.log(res)
alert('进入成功');
if(res.err_msg === 'get_brand_wcpay_request:ok'){
alert('支付成功,返回订单列表')
// this.deleteShop()
}else if(res.err_msg === 'get_brand_wcpay_request:cancel'){
alert('取消支付')
}
},
cancel: function (res) {
alert('失败');
}
});
},
H5调用
//调取微信支付
wxpay(data){
function onBridgeReady(){
alert('进入onBridgeReady')
WeixinJSBridge.invoke(
'getBrandWCPayRequest', {
"appId":data.appId, //公众号名称,由商户传入
"timeStamp":data.timeStamp, //时间戳,自1970年以来的秒数
"nonceStr":data.nonceStr, //随机串
"package":data.package,
"signType":data.signType, //微信签名方式:
"paySign":data.paySign //微信签名
},
function(res){
alert('进入成功失败')
alert(res.err_msg)
if(res.err_msg == "get_brand_wcpay_request:ok" ) {
alert('ok')
} // 使用以上方式判断前端返回,微信团队郑重提示:res.err_msg将在用户支付成功后返回 ok,但并不保证它绝对可靠。
}
);
}
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();
}
},
注意:微信支付开发配置授权网页,要配置到最后一层
如:vue打包后当前发起支付页url为http://www.deruijun.com/index1.html#/shop/pay
那么授权页为http://www.deruijun.com/index1.html#/shop/