小程序支付流程

支付

  <view class="order_pay_wrap" bindtap="handleOrderPay">
      支付({{totalNum}})
  </view>
    
  async handleOrderPay() {
    try {
 // 判断缓存中有没有token 
 const token = wx.getStorageSync("token");

没有用户就跳转

      if (token) {
        wx.navigateTo({
          url: '/pages/auth/index'
        });
        return;
      }

创建订单

 const header = { Authorization: token };

准备 请求体参数

      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);
    }