Flutter如何集成微信支付

Flutter项目需要接入微信支付功能，应该怎么实现？官方是否有提供Flutter插件？集成过程中需要注意哪些配置和参数？能否提供一个完整的代码示例？

2 回复

Flutter集成微信支付步骤如下：

  1. 引入fluwx插件到pubspec.yaml。
  2. 在Android和iOS项目中配置AppID和URL Scheme。
  3. 调用register方法注册微信应用。
  4. 使用payWithWeChat发起支付请求。
  5. 处理支付结果回调。

注意：需申请微信支付商户权限并配置密钥。

更多关于Flutter如何集成微信支付的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在Flutter中集成微信支付，可以通过以下步骤实现：

1. 添加依赖

在 pubspec.yaml 文件中添加 fluwx 插件：

dependencies:
  fluwx: ^x.x.x  # 使用最新版本

2. 配置Android

  • 在 android/app/src/main/AndroidManifest.xml 中添加权限：
<uses-permission android:name="android.permission.INTERNET"/>
  • 在 android/app/build.gradle 的 defaultConfig 中添加：
manifestPlaceholders = [
    WX_APPID: "你的微信APPID"  // 替换为实际APPID
]

3. 配置iOS

  • 在 ios/Runner/Info.plist 中添加：
<key>CFBundleURLTypes</key>
<array>
    <dict>
        <key>CFBundleTypeRole</key>
        <string>Editor</string>
        <key>CFBundleURLName</key>
        <string>weixin</string>
        <key>CFBundleURLSchemes</key>
        <array>
            <string>你的微信APPID</string>  <!-- 替换为实际APPID -->
        </array>
    </dict>
</array>
<key>LSApplicationQueriesSchemes</key>
<array>
    <string>weixin</string>
    <string>weixinULAPI</string>
</array>

4. 初始化与支付调用

import 'package:fluwx/fluwx.dart' as fluwx;

// 初始化
await fluwx.registerWxApi(
  appId: "你的APPID",
  universalLink: "iOS通用链接" // 仅iOS需要
);

// 发起支付
void wechatPay() {
  fluwx.payWithWeChat(
    appId: "你的APPID",
    partnerId: "商户ID",
    prepayId: "预支付ID",
    packageValue: "扩展字段",
    nonceStr: "随机字符串",
    timeStamp: "时间戳",
    sign: "签名"
  );
}

// 监听支付结果
fluwx.weChatResponseEventHandler.listen((res) {
  if (res is fluwx.WeChatPaymentResponse) {
    if (res.errCode == 0) {
      // 支付成功
    } else {
      // 支付失败
    }
  }
});

注意事项：

  1. 参数获取：支付参数需通过后端生成，避免在客户端暴露密钥
  2. 签名验证：所有参数必须与后端保持一致
  3. 通用链接：iOS需配置Universal Link
  4. 测试：使用微信沙箱环境进行测试

建议参考官方文档获取最新配置细节。

回到顶部