Flutter支付集成插件flutter_adyen_dropin_plugin的使用

Flutter支付集成插件flutter_adyen_dropin_plugin的使用

注意: 此库不是Adyen官方提供的。

Flutter插件用于与Adyen的Android和iOS库集成。此库使您可以仅通过调用一个函数来打开Adyen的Drop-in方法。

• Adyen Drop-in Android
• Adyen Drop-in iOS

该插件支持3D Secure v2和一次性支付。它未在循环支付场景中进行测试。

前提条件

凭证

您需要拥有以下信息：

• 客户密钥（来自Adyen）
• 金额和货币
• 会话数据（例如用户ID）
• Adyen环境（测试、LIVE_EUROPE等）
• 国家代码（de-DE，en-US等）
• 会话信息（请求后所有响应使用/sessions）
• 会话数据（请求/sessions后可以获取）

设置

Android

在您的应用程序的MainActivity.java中，扩展FlutterFragmentActivity并在onCreate方法中添加以下行，这允许Adyen获取您的应用的Activity。

@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    AdyenSetup.setActivity(this);
    AdyenSetup.setLauncherActivity(this);
}

Build Gradle

您需要设置minSdkVersion和targetSdkVersion，compileSdkVersion（由最新的Adyen所需）。

android {
    ...
    compileSdkVersion 34

    defaultConfig {
        ...
        minSdkVersion 24
        targetSdkVersion 34
    }
}

iOS

如果还没有，请添加URL_SCHEME。

如何添加一个

目标

您需要将应用目标更改为iOS 13或更高版本（由最新的Adyen所需）。

Flutter实现

要开始付款，您需要像这样调用插件：

String dropInStatus = '';
try {
    dropInStatus = await FlutterAdyenDropIn.openDropIn(
    sessionData: "<YOUR-SESSION-DATA>",
    clientKey: "<YOUR-CLIENT-KEY>",
    currency: "USD",
    value: 1000,
    sessionId: "<YOUR-SESSION-ID>",
    countryCode: "en-US",
    sessionInfo: {"FIELD": "<YOUR-SESSION-INFO>"},
    );
} catch (e) {
    print(e);
}

支付状态

您可以收到的所有支付状态。更多详细信息，请参阅这里

PAYMENT_CANCELED (当您关闭弹出窗口时)
授权
取消
错误
拒绝

示例代码

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_adyen_dropin_plugin/flutter_adyen_dropin_plugin.dart';

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

class MyApp extends StatefulWidget {
  const MyApp({super.key});

  [@override](/user/override)
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  [@override](/user/override)
  void initState() {
    super.initState();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('插件示例应用'),
        ),
        body: Center(
          child: CupertinoButton(
              child: const Text("Drop In"),
              onPressed: () async {
                String dropInStatus = '';
                try {
                  dropInStatus = await FlutterAdyenDropIn.openDropIn(
                    sessionData: "<YOUR-SESSION-DATA>",
                    clientKey: "<YOUR-CLIENT-KEY>",
                    currency: "USD",
                    value: 1000,
                    sessionId: "<YOUR-SESSION-ID>",
                    countryCode: "en-US",
                    sessionInfo: {"FIELD": "<YOUR-SESSION-INFO>"},
                  );
                } catch (e) {
                  print(e);
                }
                print(dropInStatus);
              }),
        ),
      ),
    );
  }
}