flutter_alipay版本如何集成使用

在Flutter项目中集成flutter_alipay插件时遇到问题，按照官方文档步骤添加依赖后依然无法正常调用支付功能。具体表现为：

  1. Android端配置了AndroidManifest.xml和签名信息，但点击支付按钮后无反应
  2. iOS端已添加URL Types白名单，仍返回错误代码ALI40247
  3. 沙箱环境测试时出现签名错误提示，但确认密钥配置正确

能否提供完整的集成示例？包括：

  • pubspec.yaml依赖版本号
  • 支付宝开放平台的关键配置项截图
  • 正确的支付接口调用代码片段
2 回复

集成flutter_alipay步骤：

  1. 添加依赖：在pubspec.yaml添加flutter_alipay: ^x.x.x
  2. 配置AndroidManifest.xml添加权限和Activity
  3. iOS配置URL Types
  4. 调用支付：FlutterAlipay.pay(orderString)
  5. 处理支付结果回调

注意：需先在支付宝开放平台创建应用并获取订单信息。

更多关于flutter_alipay版本如何集成使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在 Flutter 应用中集成 flutter_alipay 插件，可以方便地调用支付宝支付功能。以下是详细步骤和示例代码：

1. 添加依赖

在 pubspec.yaml 文件中添加依赖：

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

运行 flutter pub get 安装依赖。

2. Android 配置

  • 修改 AndroidManifest.xml（位于 android/app/src/main）：
<activity
    android:name="com.alipay.sdk.app.H5PayActivity"
    android:configChanges="orientation|keyboardHidden|navigation|screenSize"
    android:exported="false"
    android:screenOrientation="behind" >
</activity>
  • 添加权限（如果尚未添加）：
<uses-permission android:name="android.permission.INTERNET" />

3. iOS 配置

  • 在 Info.plist 中添加 URL Types：
<key>CFBundleURLTypes</key>
<array>
    <dict>
        <key>CFBundleTypeRole</key>
        <string>Editor</string>
        <key>CFBundleURLName</key>
        <string>alipay</string>
        <key>CFBundleURLSchemes</key>
        <array>
            <string>alipayYourAppID</string>  <!-- 替换为你的支付宝AppID -->
        </array>
    </dict>
</array>

4. 代码调用示例

import 'package:flutter_alipay/flutter_alipay.dart';

// 发起支付
Future<void> pay(String orderInfo) async {
  try {
    // orderInfo 由服务端生成，包含订单信息的字符串
    String? result = await FlutterAlipay.pay(orderInfo);
    
    // 处理支付结果
    if (result != null) {
      // 解析 result（通常是 JSON 字符串）
      // 例如：{"resultStatus": "9000", "result": "...", "memo": "..."}
      print('支付结果: $result');
      
      // 根据 resultStatus 判断支付状态
      // 9000: 支付成功
      // 8000: 支付中
      // 4000: 支付失败
      // 6001: 用户取消
      // 6002: 网络连接出错
    }
  } catch (e) {
    print('支付异常: $e');
  }
}

5. 注意事项

  • 服务端集成：支付参数（如 orderInfo）应由服务端生成，确保安全性。
  • 结果验证：支付成功后，建议通过服务端验证支付结果，避免客户端数据被篡改。
  • 错误处理：妥善处理用户取消、网络异常等情况，提供友好提示。

6. 常见问题

  • iOS 白名单：在 Info.plist 中添加：
<key>LSApplicationQueriesSchemes</key>
<array>
    <string>alipay</string>
    <string>alipays</string>
</array>

完成以上步骤后，即可在 Flutter 应用中调用支付宝支付功能。建议在实际使用前进行充分测试，确保各流程正常。

回到顶部