2021-05-16

小程序支付流程?

①首先判断用户有没登录,

②判断本地有没有token,如果本地没有token,就先让用户登录。
   如果本地有token就执行

async add() {
    try {
      // 1 判断缓存中有没有token 
      const token = wx.getStorageSync("token");
      // 2 判断
      if (!token) {
        wx.navigateTo({
          url: '/pages/auth/auth'
        });
        return;
      }
      // 3 创建订单
      // 3.1 准备 请求头参数
      // const header = { Authorization: token };
      // 3.2 准备 请求体参数
      const order_price = this.data.maxPrice;  // 支付价格
      const consignee_addr = wx.getStorageSync('pay'); // 收货地址
      const cart = this.data.list;    // 购买清单
      let goods = [];
      cart.forEach(v => goods.push({
        goods_id: v.goods_id,
        goods_number: v.num,
        goods_price: v.goods_price
      })) // 都push 到一个数组中
      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 wx.showToast({ title: "支付失败" }) // 支付失败的提示信息
      console.log(error);
    }
  }

 

上一篇:CSDN列模式编辑操作记录


下一篇:小程序如何写收藏、分享、客服功能