如何使用 wx.requestPayment 发起微信支付？

推荐答案

// www.javascriptcn.com code example
wx.requestPayment({
  timeStamp: '', // 支付时间戳
  nonceStr: '', // 随机字符串
  package: '', // 统一下单接口返回的 prepay_id 参数值
  signType: 'MD5', // 签名类型，默认为 MD5
  paySign: '', // 支付签名
  success(res) {
    // 支付成功后的回调函数
    console.log('支付成功', res);
  },
  fail(err) {
    // 支付失败后的回调函数
    console.error('支付失败', err);
  }
});

本题详细解读

1. wx.requestPayment 的作用

wx.requestPayment 是微信小程序中用于发起微信支付的 API。它允许开发者在小程序中调用微信支付功能，用户可以通过微信支付完成订单支付。

2. 参数说明

• timeStamp: 支付时间戳，从1970年1月1日00:00:00至今的秒数。
• nonceStr: 随机字符串，不长于32位。
• package: 统一下单接口返回的 prepay_id 参数值，格式为 prepay_id=xxx。
• signType: 签名类型，默认为 MD5，支持 HMAC-SHA256。
• paySign: 支付签名，根据微信支付签名算法生成。

3. 使用步骤

1. 获取支付参数：首先需要通过后端接口调用微信支付的统一下单接口，获取 prepay_id 和其他支付参数。
2. 生成签名：根据获取到的参数，按照微信支付签名算法生成 paySign。
3. 调用 wx.requestPayment：将生成的参数传递给 wx.requestPayment，发起支付请求。

4. 注意事项

• 签名算法：确保签名算法正确，否则会导致支付失败。
• 支付结果处理：在 success 和 fail 回调中处理支付结果，确保用户体验。
• 安全性：支付参数应通过后端生成，避免前端直接暴露敏感信息。

5. 示例代码

// www.javascriptcn.com code example
wx.requestPayment({
  timeStamp: '1621234567',
  nonceStr: '5K8264ILTKCH16CQ2502SI8ZNMTM67VS',
  package: 'prepay_id=wx201410272009395522657a690389285100',
  signType: 'MD5',
  paySign: 'C380BEC2BFD727A4B6845133519F3AD6',
  success(res) {
    console.log('支付成功', res);
  },
  fail(err) {
    console.error('支付失败', err);
  }
});

通过以上步骤，开发者可以在微信小程序中成功发起微信支付。