Flutter如何集成微信支付

在Flutter项目中集成微信支付时遇到了一些问题，希望能得到帮助。具体步骤如下：

  1. 已经按照官方文档配置了Android和iOS的AppID及Universal Links，但调用支付时总是返回-1错误码。

  2. 在Android端，支付完成后无法正确返回到APP，停留在微信界面。

  3. iOS端调试时出现"未安装微信客户端"的提示，但设备明明安装了最新版微信。

  4. 使用fluwx插件时，Android和iOS的配置差异较大，有没有更简洁的集成方案？

请问：

  • 这些问题的可能原因是什么？
  • 有没有完整的Flutter集成微信支付的最佳实践？
  • 官方推荐的参数签名生成方式是什么？

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

2 回复

Flutter集成微信支付步骤：

  1. 引入fluwx插件。
  2. 在微信开放平台注册应用并获取AppID。
  3. 配置Android和iOS的包名及签名。
  4. 调用fluwx发起支付请求，处理回调结果。 需注意平台差异和支付参数正确性。

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


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

1. 添加依赖

在 pubspec.yaml 中添加 fluwx 插件：

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

运行 flutter pub get 安装。

2. 配置平台

Android

  • 在 android/app/src/main/AndroidManifest.xml 中添加权限：
<uses-permission android:name="android.permission.INTERNET"/>
  • 在 android/app/build.gradle 中设置 minSdkVersion 至少为 19。

iOS

  • 在 ios/Runner/Info.plist 中添加 URL Types：
<key>CFBundleURLTypes</key>
<array>
  <dict>
    <key>CFBundleTypeRole</key>
    <string>Editor</string>
    <key>CFBundleURLName</key>
    <string>weixin</string>
    <key>CFBundleURLSchemes</key>
    <array>
      <string>wxYOUR_APP_ID</string> <!-- 替换为你的微信AppID -->
    </array>
  </dict>
</array>

3. 初始化微信SDK

在 main.dart 中初始化：

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

void main() {
  runApp(MyApp());
  fluwx.register(
    appId: "YOUR_APP_ID", // 替换为你的微信AppID
    doOnAndroid: true,
    doOnIOS: true,
  );
}

4. 发起支付请求

import 'package:fluwx/fluwx.dart';

Future<void> wechatPay() async {
  final result = await fluwx.payWithWeChat(
    appId: "YOUR_APP_ID",
    partnerId: "PARTNER_ID", // 商户ID
    prepayId: "PREPAY_ID", // 预支付ID
    packageValue: "Sign=WXPay",
    nonceStr: "NONCE_STR",
    timeStamp: "TIMESTAMP",
    sign: "SIGN",
  );
  
  // 处理支付结果
  if (result.isSuccessful) {
    print("支付成功");
  } else {
    print("支付失败: ${result.errorMessage}");
  }
}

5. 处理支付回调

在支付完成后，微信会通过 URL Scheme 回调到App，fluwx 会自动处理。可以通过监听流来获取结果：

fluwx.weChatResponseEventHandler.listen((res) {
  if (res is WeChatPaymentResponse) {
    if (res.isSuccessful) {
      // 支付成功
    } else {
      // 支付失败
    }
  }
});

注意事项：

  1. 参数获取：partnerId、prepayId 等参数需要从你的服务器获取，确保安全。
  2. 签名验证：所有参数必须与服务器生成的一致，特别是签名。
  3. 测试：使用微信支付沙箱环境进行测试。

这样即可在Flutter中完成微信支付的集成。

回到顶部