小程序支付流程

支付流程

1.微信支付

1. 哪些人 哪些帐号 可以实现微信支付
2. 企业帐号
3. 企业帐号的小程序后台中 必须 给开发者 添加上白名单
4. 一个 appid 可以同时绑定多个开发者
5. 这些开发者就可以公用这个appid 和 它的开发权限

2 支付按钮

1. 先判断缓存中有没有token
2. 没有 跳转到授权页面 进行获取token
3. 有token
4. 创建订单 获取订单编号
5. 已经完成了微信支付
6. 手动删除缓存中 已经被选中了的商品
7. 删除后的购物车数据 填充回缓存
8. 再跳转页面

wx.requestPayment(OBJECT)-微信支付

// 点击 支付 
  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);
    }
  }