支付流程
1.微信支付
- 哪些人 哪些帐号 可以实现微信支付
- 企业帐号
- 企业帐号的小程序后台中 必须 给开发者 添加上白名单
- 一个 appid 可以同时绑定多个开发者
- 这些开发者就可以公用这个appid 和 它的开发权限
2 支付按钮
- 先判断缓存中有没有token
const goshop = wx.getStorageSync('token') || []
console.log(goshop);
if (goshop == '') {
wx.redirectTo({
url: "/pages/aute/aute"
})
2.没有 跳转到授权页面 进行获取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"
})
}
})
},
5.有token
6.创建订单 获取订单编号
7.已经完成了微信支付
8.手动删除缓存中 已经被选中了的商品
9.删除后的购物车数据 填充回缓存
10.再跳转页面
// 点击 支付
async handleOrderPay() {
try {
// 1 判断缓存中有没有token
const token = wx.getStorageSync("token");
// 2 判断
if (!token) {
wx.navigateTo({
url: '/pages/auth/index'
});
return;
}
// 3 创建订单
// 3.1 准备 请求头参数
// const header = { Authorization: token };
// 3.2 准备 请求体参数
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 };
// 4 准备发送请求 创建订单 获取订单编号
const { order_number } = await request({ url: "/my/orders/create", method: "POST", data: orderParams });
// 5 发起 预支付接口
const { pay } = await request({ url: "/my/orders/req_unifiedorder", method: "POST", data: { order_number } });
// 6 发起微信支付
await requestPayment(pay);
// 7 查询后台 订单状态
const res = await request({ url: "/my/orders/chkOrder", method: "POST", data: { order_number } });
await showToast({ title: "支付成功" });
// 8 手动删除缓存中 已经支付了的商品
let newCart=wx.getStorageSync("cart");
newCart=newCart.filter(v=>!v.checked);
wx.setStorageSync("cart", newCart);
// 8 支付成功了 跳转到订单页面
wx.navigateTo({
url: '/pages/order/index'
});
} catch (error) {
await showToast({ title: "支付失败" })
console.log(error);
}
}