1.小程序支付流程
1.按钮
<view class="order_pay_wrap" bindtap="add" >
支付({{totalNum}})
</view>
2.点击 支付
async add() {
try {
}catch (error) {
await showToast({ title: "支付失败" })
console.log(error);
}
3.判断缓存中有没有token
const token = wx.getStorageSync("token");
if (!token) {
wx.navigateTo({
url: '/pages/auth/index'
});
return;
}
4.创建订单,准备 请求头参数和请求体参数
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 };
5.准备发送请求 创建订单 获取订单编号
const { order_number } = await request({ url: "/my/orders/create", method: "POST", data: orderParams });
6.发起 预支付接口
const { pay } = await request({ url: "/my/orders/req_unifiedorder", method: "POST", data: { order_number } });
7.发起微信支付查询后台 订单状态
wait requestPayment(pay);
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);
9.支付成功了 跳转到订单页面
wx.navigateTo({
url: '/pages/order/index'
});