小程序支付流程

Posted 2021-07-08 fengshaopu

点击支付的时候需要：
1.判断鉴权 2.获取到本地存储中的tonken 如果有的话就证明登录过了
如果没有的话就木登录就去登录页面

  var token = wx.getStorageSync('token') //获取本地存储的token
    console.log(token);
    var zon=this.data.zon
    console.log(zon);
    if (!token) { //没有token值就让他去登录
      wx.navigateTo({
        url: '/pages/auth/auth',
      })
      return

如果有的话就进行
1.创建订单 2.预支付 3.发起微信支付 4.查看订单
我现在使用的这个接口不好使就看看就行了，现在主要存到本地存储里面
然后跳页面
由于不想写总价，我把总价通过id的形式传递过去

    wx.setStorageSync('zon', z)
       wx.navigateTo({
           url: '/pages/order/order?id='+zon,
         })

由于接口不能用只能用上面的方法
下面这些才是真正的：

orderParams 里面包含 { order_price, consignee_addr, goods }

总价 ，

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

接口地址可以参考这个：

https://www.showdoc.com.cn/128719739414963?page_id=2526159696464209