uniapp 微信小程序 支付功能 代码示例

UniApp是一个基于Vue.js的跨平台框架，它允许开发者编写一次代码，发布到微信小程序、H5、iOS、Android等多个平台上。对于微信小程序的支付功能，Unipay是UniApp提供的官方插件，实现了微信支付集成。

以下是简单的 UniApp 微信支付功能的代码示例：

// 引入 Unipay 插件
import {uniPay} from '@dcloudio/unipay';

Page({
  async handlePay() {
    // 获取订单信息
    const orderInfo = {
      'total_fee': '9.88', // 总金额，单位为分
      'openid': wx.getStorageSync('openid'), // 用户唯一标识
      'product_id': 'your_product_id', // 商品ID
      'time_expire': Date.now() + 60 * 60 * 1000, // 订单有效期，单位毫秒
      'notify_url': 'your_notification_url', // 验证通知URL
      'body': '商品描述',
    };

    try {
      // 调用支付接口，传入订单信息
      await uniPay.init(orderInfo);
      // 打开微信支付页面
      await uniPay.open();
    } catch (error) {
      console.error('支付失败:', error);
    }
  },
})

在这个例子中，你需要替换 `wx.getStorageSync('openid')` 和 `your_notification_url` 为实际的用户OpenId和你的服务器接收回调的通知地址。支付成功后，微信会将结果回调给指定的 `notify_url`。