支付流程
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/041c7a5b48fbd0cb8d95ad2b177fc9cf.png)
1.微信支付
- 哪些人 哪些帐号 可以实现微信支付
- 企业帐号
- 企业帐号的小程序后台中 必须 给开发者 添加上白名单
- 一个 appid 可以同时绑定多个开发者
- 这些开发者就可以公用这个appid 和 它的开发权限
2 支付按钮
- 先判断缓存中有没有token
const goshop = wx.getStorageSync('token') || []
console.log(goshop);
if (goshop == '') {
wx.redirectTo({
url: "/pages/aute/aute"
})
- 没有 跳转到授权页面 进行获取token
zfsq() {
wx.getUserProfile({
desc: '用于支付信息',
success: (res) => {
console.log(res);
const { encryptedData, rawData, iv, signature } = res;
const token = { encryptedData, rawData, iv, signature }
wx.setStorageSync("token", token);
wx.redirectTo({
url: "/pages/pay/pay"
})
}
})
},
- 有token
- 创建订单 获取订单编号
- 已经完成了微信支付
- 手动删除缓存中 已经被选中了的商品
- 删除后的购物车数据 填充回缓存
- 再跳转页面
async handleOrderPay() {
try {
const token = wx.getStorageSync("token");
if (!token) {
wx.navigateTo({
url: '/pages/auth/index'
});
return;
}
const order_price = this.data.totalPrice;
const consignee_addr = this.data.address.all;
const cart = this.data.cart;
let goods = [];
cart.forEach(v => goods.push({
goods_id: v.goods_id,
goods_number: v.num,
goods_price: v.goods_price
}))
const orderParams = { order_price, consignee_addr, goods };
const { order_number } = await request({ url: "/my/orders/create", method: "POST", data: orderParams });
const { pay } = await request({ url: "/my/orders/req_unifiedorder", method: "POST", data: { order_number } });
await requestPayment(pay);
const res = await request({ url: "/my/orders/chkOrder", method: "POST", data: { order_number } });
await showToast({ title: "支付成功" });
let newCart=wx.getStorageSync("cart");
newCart=newCart.filter(v=>!v.checked);
wx.setStorageSync("cart", newCart);
wx.navigateTo({
url: '/pages/order/index'
});
} catch (error) {
await showToast({ title: "支付失败" })
console.log(error);
}
}