微信小程序支付示例：使用 wx.requestPayment 接口发起微信支付

📈「作者简介」：前端开发工程师 | 蓝桥云课签约作者 | 技术日更博主 | 已过四六级
📚「个人主页」：阿珊和她的猫
🕐「简历必备」前后端实战项目（推荐：⭐️⭐️⭐️⭐️⭐️）

• Vue.js 和 Egg.js 开发企业级健康管理项目
• 带你从入门到实战全面掌握 uni-app

wx.requestPayment

wx.requestPayment 是微信小程序提供的用于发起微信支付的API接口。
通过该接口，开发者可以在小程序中实现用户支付功能。

以下是对 wx.requestPayment 的详细说明：

接口定义：

wx.requestPayment(Object object)

参数说明：

• object：Object类型，包括以下参数：
  • timeStamp：String类型，支付签名时间戳，需与后台统一
  • nonceStr：String类型，支付签名随机串，需与后台统一
  • package：String类型，统一下单接口返回的 prepay_id 参数值，格式如：prepay_id=xxx
  • signType：String类型，签名方式，默认为 “MD5” ，仅支持 “MD5” 和 “HMAC-SHA256”
  • paySign：String类型，签名，具体签名方案参考微信支付开发文档
  • success：Function类型，接口调用成功的回调函数
  • fail：Function类型，接口调用失败的回调函数
  • complete：Function类型，接口调用结束的回调函数（调用成功、失败都会执行）

使用示例：

wx.requestPayment({
  timeStamp: '',
  nonceStr: '',
  package: '',
  signType: 'MD5',
  paySign: '',
  success(res) {
    console.log(res) // 支付成功
  },
  fail(res) {
    console.log(res) // 支付失败
  }
})

// 调用后端给的接口
 api.goToPay({
   id: xxxxxxx, // 入参
 }).then(res=>{
   // 调用wx.requestPayment
   // 处理接口返回数据
   // 将接口返回的数据赋值
   wx.requestPayment({
     timeStamp: res.timeStamp, // 时间戳
     nonceStr: res.nonceStr,// 随机字符串
     package: res.packageValue, // 统一下单接口返回的 prepay_id 参数值
     signType: res.signType,// 签名算法
     paySign: res.paySign, // 支付签名
     success: function (res) {
       // 成功后可以跳转页面
       wx.reLaunch({
         url: 'xxxxxxx',
       })
     },
     fail: function (res) {
       // 失败可以弹出提示
       wx.showToast({
         title: '支付失败',
         icon: 'none',
         duration: 3000
       })
     }
 });

在使用 wx.requestPayment 接口发起微信支付时，存在如下的优点和缺点：

优点

1. 简单易用：wx.requestPayment 接口使用简单，只需要传入合法的支付参数即可发起支付请求，方便开发者快速实现支付功能。
2. 与微信生态整合：微信支付作为微信生态系统的一部分，使用 wx.requestPayment 接口能够无缝融入微信小程序中，提供一致的用户体验。
3. 安全可信：wx.requestPayment 的接口设计和数据传输采用了加密机制，确保支付过程中的安全性和可信度。

缺点

1. 依赖网络和后台：使用 wx.requestPayment 接口发起支付需要依赖网络连接，并且需要与后台进行交互获取支付参数，如果网络不稳定或后台出现问题，可能导致支付失败。
2. 用户需授权：微信支付需要用户提供支付授权，未经用户授权或用户未同意支付授权的情况下，支付请求将会失败。
3. 限制较多：wx.requestPayment 接口受到一些限制，例如支付金额限制和权限限制等，使用时需要了解和满足相关的限制条件。

需要注意的是，以上的优点和缺点主要针对 wx.requestPayment 接口本身。在实际应用中，还需要根据具体情况来综合权衡和考虑使用微信支付的利弊，以及和其他支付方式进行比较和选择。

总的来说，wx.requestPayment 提供了一种快速、方便、安全的方式来实现微信支付，对于在微信生态中开发的小程序来说，是非常有价值的支付功能接口。然而，开发者需要注意处理可能出现的网络问题、用户授权问题以及支付限制等情况，确保用户支付体验和支付的成功率。

注意事项

使用 wx.requestPayment 接口发送支付请求时，需注意以下几点：

1. 请求参数（如 timeStamp、nonceStr、package、paySign）需要与后台进行交互获取，确保准确性和安全性。
2. 签名方式（signType）需根据后台接口要求进行选择，大部分情况下是选择 “MD5” 签名方式。
3. 支付成功或失败后，会触发对应的回调函数（success、fail），开发者可在回调函数中处理对应的逻辑。
4. 小程序要求用户授权访问支付功能，如果用户未授权或版本过低，调用接口将会失败。

总结：

通过 wx.requestPayment 接口，开发者可以在小程序中调用微信支付功能，实现用户支付的需求。在调用接口时，需要传入合法且准确的支付参数，并在回调函数中处理支付成功或失败的情况。同时，开发者还需确保用户已授权支付功能，并符合小程序支持的支付版本要求。

附录：「简历必备」前后端实战项目（推荐：⭐️⭐️⭐️⭐️⭐️）

Vue.js 和 Egg.js 开发企业级健康管理项目
带你从入门到实战全面掌握 uni-app