微信支付有两种方法:
第一种:不墨迹直接上代码
if (typeof WeixinJSBridge == "undefined") {
if ( document.addEventListener ) {
document.addEventListener('WeixinJSBridgeReady', onBridgeReady(args), false);
} else if (document.attachEvent) {
document.attachEvent('WeixinJSBridgeReady', onBridgeReady(args));
document.attachEvent('onWeixinJSBridgeReady', onBridgeReady(args));
}
} else {
onBridgeReady(args);
}
/**
* 唤起微信支付H5方法:
* @param {*args} 微信支付数据
*/
function onBridgeReady(args){
WeixinJSBridge.invoke(
'getBrandWCPayRequest', {
"appId": args.appId, //公众号名称,由商户传入
"timeStamp": args.timeStamp, //时间戳,自1970年以来的秒数
"nonceStr": args.nonceStr, //随机串
"package": args.package,
"signType": args.signType, //微信签名方式:
"paySign": args.paySign //微信签名
},
function (res) {
if(res.err_msg == "get_brand_wcpay_request:ok" ) {
paySuccessCallback();
} else if (res.err_msg == "get_brand_wcpay_request:cancel" ) {
alert('已取消支付');
} else {
alert('支付失败');
}
}
);
}
该方法不用引入微信sdk;直接应用;索要参数后台提供;
第二种:
/**
* wx.config:
* @param {*args} 微信支付数据
*/
function weixinConfig(appId, timestamp, nonceStr, signature) {
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: appId, // 必填,公众号的唯一标识
timestamp: timestamp, // 必填,生成签名的时间戳
nonceStr: nonceStr, // 必填,生成签名的随机串
signature: signature,// 必填,签名,见附录1
jsApiList: [
'chooseWXPay',
'onMenuShareAppMessage',
'onMenuShareTimeline',
'onMenuShareQQ',
'onMenuShareWeibo',
'onMenuShareQZone'
]
})
}
/*
wx.chooseWXPay方法购买提醒认证失败此方法先保留
*/
weixinConfig(args.appId, args.timeStamp, args.nonceStr, args.paySign);
wx.ready(function(){
wx.chooseWXPay({
timestamp: args.timeStamp, // 支付签名时间戳,注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
nonceStr: args.nonceStr, // 支付签名随机串,不长于 32 位
package: args.package, // 统一支付接口返回的prepay_id参数值,提交格式如:prepay_id=***)
signType: args.signType, // 签名方式,默认为'SHA1',使用新版支付需传入'MD5'
paySign: args.paySign, // 支付签名
success: function (res) {
paySuccessCallback();
},
cancel: function (res) {
alert('已取消支付');
},
fail: function (res) {
alert('购买失败,请重新创建订单')
}
});
});
该方法需引入微信js-sdk;安全域名验证;配置 wx.config后唤起;