微信小程序商城支付代码

以下是一个简单的微信小程序商城支付的代码示例：

// 点击支付按钮触发支付事件
const handlePay = () => {
  wx.request({
    url: 'https://your-api.com/createOrder', // 发起创建订单的请求
    method: 'POST',
    data: {
      // 根据实际需求传递订单相关参数
      totalAmount: 100, // 订单总金额，单位为分
      goodsName: '商品名称',
      goodsDesc: '商品描述',
      openid: getApp().globalData.openid, // 用户openid，需要在登录时获取并保存在全局变量中
    },
    success: (res) => {
      const { orderInfo } = res.data; // 获取返回的订单信息

      wx.requestPayment({
        timeStamp: orderInfo.timeStamp,
        nonceStr: orderInfo.nonceStr,
        package: orderInfo.package,
        signType: 'MD5',
        paySign: orderInfo.paySign,
        success: (payRes) => {
          // 支付成功后的逻辑处理
          console.log(payRes);
          wx.showToast({
            title: '支付成功',
            icon: 'success',
            duration: 2000,
          });
        },
        fail: (payErr) => {
          // 支付失败或取消支付的逻辑处理
          console.log(payErr);
          wx.showToast({
            title: '支付失败',
            icon: 'none',
            duration: 2000,
          });
        },
      });
    },
    fail: (err) => {
      // 创建订单请求失败的逻辑处理
      console.log(err);
      wx.showToast({
        title: '创建订单失败',
        icon: 'none',
        duration: 2000,
      });
    },
  });
};

这段代码主要包含以下几个步骤：

1. 用户点击支付按钮，触发支付事件`handlePay`。

2. 在支付事件中，发起一个请求到后端服务器的`createOrder`接口，传递订单相关参数，如订单金额、商品名称、商品描述和用户openid等。

3. 后端服务器根据接收到的参数，生成订单并返回订单信息。

4. 前端通过`wx.requestPayment`发起微信支付请求，传递订单信息中的`timeStamp`、`nonceStr`、`package`、`signType`和`paySign`等参数。

5. 微信客户端弹出支付界面，用户完成支付操作。

6. 支付成功后，微信客户端返回支付成功的回调，触发`success`回调函数，进行支付成功后的逻辑处理。

7. 支付失败或取消支付时，微信客户端返回支付失败或取消支付的回调，触发`fail`回调函数，进行支付失败或取消支付的逻辑处理。

需要注意的是，这段代码仅为示例，具体的实现逻辑可能因商城业务需求而有所调整。另外，创建订单的接口和订单信息的处理需要在后端进行实现。