【微信小程序】封装公共支付方法并唤起支付

最新推荐文章于 2025-06-29 16:39:31 发布

原创

最新推荐文章于 2025-06-29 16:39:31 发布 · 1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #小程序 #前端

这篇文章展示了如何在微信开发者工具中处理支付功能。当用户点击支付按钮时，程序通过异步函数调用后端接口获取支付参数，然后使用这些参数调用封装好的`wxPayMethod`进行微信支付。支付成功或失败时，都有对应的回调处理。

先看效果图，微信开发者工具示例

在这里插入图片描述

调用后端接口获取支付参数
使用获取的参数唤起微信支付组件

// 支付按钮点击事件
  async handlePay() {
   
   
    let openId = wx.getStorageSync('openid')
    // 在这里请求后端接口获取支付参数
    let res = await orderApply({
   
   
      openId,
      orderId: this.data.orderId,
      payType: 6,
      payAmount: this.data.orderAmount
    })
    // 这里使用 try catch 的作用就是接收Promise的回调 如果 reject 会直接进入 catch 中
    try {