Vue移动端H5微信支付(js-sdk)和支付宝支付功能
1、获取内置浏览器标识微信:export function isWeixin() {var ua = window.navigator.userAgent.toLowerCase();if(ua.match(/MicroMessenger/i) == 'micromessenger'){return true;}return fal...
·
1、获取内置浏览器标识
微信:
export function isWeixin() {
var ua = window.navigator.userAgent.toLowerCase();
if(ua.match(/MicroMessenger/i) == 'micromessenger'){
return true;
}
return false;
}
支付宝:
export function isAlipay() {
var ua = window.navigator.userAgent.toLowerCase();
if(ua.match(/Alipay/i) == "alipay"){
return true;
}
return false;
}
2、methods(数据处理)
couponOrder接口返回 (调用支付前 接口返回所需的支付参数信息)
微信支付(两种方法):
1、JSAPI支付:
在微信支付菜单栏中,有一个使用教程。里面有一个使用JS API发起支付请求的小菜单
WeixinJSBridge.invoke()
WeixinJSBridge 内置对象在其他浏览器中无效。 getBrandWCPayRequest 参数以及返回值定义
WeixinJSBridge.invoke(
'getBrandWCPayRequest', {
'appId': response.appId, // 公众号id
'timeStamp': response.timeStamp, // 当前的时间戳
'nonceStr': response.nonceStr, // 支付签名随机字符串
'package': response.package, // 订单详情扩展字符串,prepay_id=****
'signType': response.signType, // 签名类型,默认为MD5
'paySign': response.paySign // 支付签名
},
(res2)=>{
if (res2.err_msg === 'get_brand_wcpay_request:ok') {
this.toSuccess(code, payMoney, payTool);
} else if (res2.err_msg === 'get_brand_wcpay_request:fail') {
MessageBox('错误提示', "支付失败");
}else if (res2.err_msg === 'get_brand_wcpay_request:cancel') {
MessageBox('错误提示', "支付失败");
}
}
);
参考文档:https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_7&index=6
2、 微信JS-SDK说明文档发起微信支付的请求API
wx.chooseWXPay() 需签名后调用
wx.chooseWXPay({
timestamp: 0, // 支付签名时间戳,
nonceStr: '', // 支付签名随机字符串,不长于 32 位
package: '', // 订单详情扩展字符串
signType: '', // 签名方式,默认为'SHA1',使用新版支付需传入'MD5'
paySign: '', // 支付签名
success: function (res) {
// 支付成功后的回调函数
}
});
支付宝支付 AlipayJSBridge.call
AlipayJSBridge.call("tradePay", {
orderStr: response.ali
}, (result)=>{
let resultCode = result.resultCode;
// alert(JSON.stringify(result))
if(resultCode == "9000") {
this.toSuccess(code, payMoney, payTool);
}else if(resultCode == "4000"){
MessageBox('错误提示', "支付失败");
}else if(resultCode == "6001"){
MessageBox('错误提示', "支付取消");
}
})
参考文档: http://myjsapi.alipay.com/jsapi/native/trade-pay.html
更多推荐
已为社区贡献12条内容
所有评论(0)