1.微信支付
在pc端的微信支付功能中,调取微信统一下单接口后端返回的是一个支付链接,需将这个链接转化为二维码,扫码支付,
PC端的扫码页面需要自己编写,统一下单之后,需要设置定时器查询订单状态,当订单状态为支付成功,按需求跳转页面。
1.微信统一下单
wechatPay:function(){
let data={
body:商品名称,
out_trade_no:订单编号,
fee_type:'CNY',
total_fee:价格 ,
trade_type:'NATIVE',
product_id:订单编号
}
this.$http.post("接口",data).then(r => {
if (r.data.code == 200) {
sessionStorage.setItem(“接口返回的url”);
this.$store.commit("changeUrl", “接口返回的url”);
this.$router.push({
path:'/pay',
query:{
id:this.oid,
goodsName:this.detail.goodsName
}
})
}else {
alert(r.data.msg);
}
});
},
2.支付宝支付
pc端的支付宝支付中,支付接口返回的是一段表单代码,触发表单中的submit就能进入支付宝的第三方支付页面,
后端配置支付成功跳转的页面即可。
const div=document.createElement('div');
div.innerHTML=r.data; // data就是接口返回的form 表单字符串
document.body.appendChild(div);
document.forms[0].submit();