Flutter支付集成插件adyen_helper的使用

Flutter支付集成插件adyen_helper的使用

Adyen Helper 是一个用于在 Android 和 iOS 上集成 Adyen 支付服务的 Flutter 插件。它提供了一个桥梁,用于加密信用卡数据并将其发送到 Adyen 的支付端点。

系统支持

功能 Android iOS
支持版本 SDK 21+ 11.0+

使用方法

以下是如何使用 adyen_helper 插件来加密信用卡信息的示例代码:

// 导入必要的库
import 'package:adyen_helper/adyen_helper.dart';

// 定义信用卡模型
String _adyenKey = "<YOUR_ADYEN_KEY>"; // 替换为您的 Adyen 公钥
CreditCardMdl _creditCard = CreditCardMdl(
    expiryMonth: "<MM>", // 替换为有效期月份
    expiryYear: "<YYYY>", // 替换为有效期年份
    holderName: "<HOLDER_NAME>", // 替换为持卡人姓名
    number: "CARD_NUMBER", // 替换为卡号
    cvc: "<CARD_VERIFICATION_CODE>" // 替换为 CVV 码
);

// 处理加密结果的回调函数
void _handleResult(AdyenEncryptedCardMdl? value) {
  if (value != null) {
    print("加密后的卡数据: ${value.cardData}");
    print("加密使用的公共密钥: ${value.publicKey}");
  } else {
    print("加密失败");
  }
}

// 执行加密操作
void _encryptCard() async {
  try {
    final result = await AdyenHelperManager()
        .encryptCard(card: _creditCard, adyenKey: _adyenKey);
    _handleResult(result);
  } catch (error) {
    print("加密过程中出现错误: $error");
  }
}

示例项目

以下是一个完整的示例项目,展示了如何在 Flutter 中集成 adyen_helper 插件。

示例代码:main.dart
import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Adyen Helper 示例'),
        ),
        body: Center(
          child: ElevatedButton(
            onPressed: () {
              Navigator.push(
                context,
                MaterialPageRoute(builder: (context) => EncryptCardScreen()),
              );
            },
            child: const Text('开始加密信用卡'),
          ),
        ),
      ),
    );
  }
}

class EncryptCardScreen extends StatefulWidget {
  [@override](/user/override)
  _EncryptCardScreenState createState() => _EncryptCardScreenState();
}

class _EncryptCardScreenState extends State<EncryptCardScreen> {
  String _encryptedCardData = '';
  bool _isLoading = false;

  void _encryptCard() async {
    setState(() {
      _isLoading = true;
    });

    String _adyenKey = "<YOUR_ADYEN_KEY>"; // 替换为您的 Adyen 公钥
    CreditCardMdl _creditCard = CreditCardMdl(
      expiryMonth: "01", // 替换为有效期月份
      expiryYear: "2025", // 替换为有效期年份
      holderName: "John Doe", // 替换为持卡人姓名
      number: "4111111111111111", // 替换为卡号
      cvc: "123", // 替换为 CVV 码
    );

    try {
      final result = await AdyenHelperManager()
          .encryptCard(card: _creditCard, adyenKey: _adyenKey);
      if (result != null) {
        setState(() {
          _encryptedCardData = result.cardData;
        });
      }
    } catch (error) {
      setState(() {
        _encryptedCardData = error.toString();
      });
    } finally {
      setState(() {
        _isLoading = false;
      });
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('信用卡加密示例'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            ElevatedButton(
              onPressed: _encryptCard,
              child: Text(_isLoading ? '加密中...' : '加密信用卡'),
            ),
            const SizedBox(height: 20),
            Text(
              '加密结果:',
              style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold),
            ),
            const SizedBox(height: 10),
            Text(
              _encryptedCardData.isEmpty ? '' : _encryptedCardData,
              style: TextStyle(fontSize: 16),
            ),
          ],
        ),
      ),
    );
  }
}

更多关于Flutter支付集成插件adyen_helper的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter支付集成插件adyen_helper的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


Adyen 是一个全球支付平台,支持多种支付方式。在 Flutter 中,你可以使用 adyen_helper 插件来集成 Adyen 支付功能。以下是如何使用 adyen_helper 插件的基本步骤:

1. 添加依赖

首先,你需要在 pubspec.yaml 文件中添加 adyen_helper 插件的依赖:

dependencies:
  flutter:
    sdk: flutter
  adyen_helper: ^1.0.0  # 请使用最新版本

然后运行 flutter pub get 来获取依赖。

2. 初始化 AdyenHelper

在你的 Flutter 应用中,首先需要初始化 AdyenHelper。通常你可以在 main.dart 或某个初始化函数中进行初始化。

import 'package:adyen_helper/adyen_helper.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  
  // 初始化 AdyenHelper
  await AdyenHelper.initialize(
    environment: AdyenEnvironment.test, // 使用测试环境
    clientKey: 'your_client_key', // 你的 Adyen Client Key
  );

  runApp(MyApp());
}

3. 创建支付请求

接下来,你需要创建一个支付请求。通常,你需要从你的后端服务器获取支付数据,然后将其传递给 AdyenHelper

Future<void> makePayment() async {
  try {
    // 从后端获取支付数据
    final paymentData = await fetchPaymentDataFromBackend();

    // 发起支付请求
    final result = await AdyenHelper.startPayment(
      paymentData: paymentData,
      paymentMethods: paymentData['paymentMethods'], // 支付方式
      amount: paymentData['amount'], // 支付金额
      currency: paymentData['currency'], // 货币类型
      reference: paymentData['reference'], // 支付参考号
    );

    // 处理支付结果
    if (result.isSuccessful) {
      print('Payment successful!');
    } else {
      print('Payment failed: ${result.errorMessage}');
    }
  } catch (e) {
    print('Error during payment: $e');
  }
}

4. 处理支付结果

支付完成后,AdyenHelper 会返回一个 PaymentResult 对象,你可以根据这个对象来处理支付结果。

if (result.isSuccessful) {
  // 支付成功
  print('Payment successful!');
} else {
  // 支付失败
  print('Payment failed: ${result.errorMessage}');
}

5. 处理支付回调

在某些情况下,你可能需要处理支付回调。你可以在 AdyenHelper 中设置回调函数来处理这些事件。

AdyenHelper.setPaymentCallback((PaymentResult result) {
  if (result.isSuccessful) {
    print('Payment successful!');
  } else {
    print('Payment failed: ${result.errorMessage}');
  }
});

6. 处理支付方式

Adyen 支持多种支付方式,如信用卡、Apple Pay、Google Pay 等。你可以在 AdyenHelper 中配置这些支付方式。

final paymentMethods = await AdyenHelper.getAvailablePaymentMethods();

// 显示支付方式选择界面
final selectedPaymentMethod = await showPaymentMethodSelector(paymentMethods);

// 使用选定的支付方式进行支付
final result = await AdyenHelper.startPayment(
  paymentData: paymentData,
  paymentMethods: selectedPaymentMethod,
  amount: paymentData['amount'],
  currency: paymentData['currency'],
  reference: paymentData['reference'],
);

7. 处理支付状态

你还可以通过 AdyenHelper 来查询支付状态。

final paymentStatus = await AdyenHelper.getPaymentStatus(reference: 'your_reference');

if (paymentStatus == PaymentStatus.success) {
  print('Payment was successful!');
} else if (paymentStatus == PaymentStatus.pending) {
  print('Payment is pending...');
} else {
  print('Payment failed.');
}

8. 处理错误

在支付过程中,可能会遇到各种错误。你可以通过 try-catch 块来捕获并处理这些错误。

try {
  final result = await AdyenHelper.startPayment(...);
  // 处理支付结果
} catch (e) {
  print('Error during payment: $e');
}

9. 测试与生产环境

在开发过程中,你可以使用 Adyen 的测试环境来进行支付测试。当你准备上线时,记得将环境切换到生产环境。

await AdyenHelper.initialize(
  environment: AdyenEnvironment.live, // 使用生产环境
  clientKey: 'your_client_key',
);
回到顶部