Flutter支付集成插件flutter_edfapay_softpos_sdk的使用

Flutter支付集成插件flutter_edfapay_softpos_sdk的使用

帮助开发者轻松将EdfaPay SoftPos集成到Flutter移动应用中。

请参考以下链接：

让我们开始

维基与文档

https://github.com/edfapay/edfapay-softpos-sdk-examples/tree/flutter https://github.com/edfapay/edfapay-softpos-sdk-examples/wiki

### 示例代码

```dart
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_edfapay_softpos_sdk/edfapay_softpos_sdk.dart';
import 'helper_methods.dart';

/* 添加插件 https://pub.dev/packages/hexcolor */
import 'package:hexcolor/hexcolor.dart';

const authCode = "a2FzaGlmLXNka3VzZXJAZWRmYXBheS5jb206d0lWS2dZTnFAeDUySjQ1";
const logoPath = "assets/images/edfa_logo.png";
const amountToPay = "01.010";

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> {
  var _edfaPluginInitiated = false;

  [@override](/user/override)
  void initState() {
    super.initState();
    initiate();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Padding(
          padding: const EdgeInsets.all(15),
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            crossAxisAlignment: CrossAxisAlignment.stretch,
            children: [
              const SizedBox(height: 20),
              Expanded(
                flex: 2,
                child: Column(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    FractionallySizedBox(
                      widthFactor: 0.3,
                      child: Image.asset(logoPath),
                    ),
                    SizedBox(height: 30),
                    const Text(
                      "SDK",
                      style: TextStyle(fontSize: 65, fontWeight: FontWeight.w700),
                      textAlign: TextAlign.center,
                    ),
                    SizedBox(height: 10),
                    const Text(
                      "v0.0.1",
                      style: TextStyle(fontSize: 30, fontWeight: FontWeight.bold),
                      textAlign: TextAlign.center,
                    ),
                  ],
                ),
              ),
              const Expanded(
                flex: 1,
                child: Padding(
                  padding: EdgeInsets.all(10),
                  child: Text(
                    "您正在启用您的Android应用程序，以便客户可以非常方便地进行支付。只需点击付款按钮并轻触带有NFC功能的Android手机即可。",
                    style: TextStyle(fontSize: 14, fontWeight: FontWeight.w400, color: Colors.black45),
                    textAlign: TextAlign.center,
                  ),
                ),
              ),
              ElevatedButton(
                onPressed: pay,
                style: ButtonStyle(backgroundColor: MaterialStatePropertyAll(HexColor("06E59F"))),
                child: const Text("Pay $amountToPay", style: TextStyle(color: Colors.black)),
              ),
              const Padding(
                padding: EdgeInsets.symmetric(horizontal: 10),
                child: Text(
                  "点击上面的按钮以测试10.00 SAR的卡处理。",
                  style: TextStyle(fontSize: 14, fontWeight: FontWeight.w400),
                  textAlign: TextAlign.center,
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }

  initiate() async {
    EdfaPayPlugin.enableLogs(true);
    EdfaPayPlugin.initiate(authCode: authCode, environment: Env.STAGING).then((value) {
      if (value) {
        setTheme();
      }

      setState(() {
        _edfaPluginInitiated = value;
      });
    }).catchError((e) {
      if (e is PlatformException) {
        toast(e.message ?? e.code);
      } else {
        toast("Error Initializing SDK");
      }
    });
  }

  setTheme() async {
    final logo = await assetsBase64(logoPath);

    EdfaPayPlugin.theme
        .setButtonBackgroundColor("#06E59F")
        .setButtonTextColor("#000000")
        .setPoweredByImage(logo)
        .setHeaderImage(logo);
  }

  pay() async {
    if (!_edfaPluginInitiated) {
      toast("Edfapay插件未初始化。");
      return;
    }

    final params = TxnParams(
      amount: amountToPay,
      transactionType: TransactionType.purchase,
    );

    EdfaPayPlugin.enableLogs(true);
    EdfaPayPlugin.pay(
      params,
      onPaymentProcessComplete: (status, code, result, isProcessComplete) {
        toast("卡支付过程完成");
        print('>>> Payment Process Complete');
      },
      onServerTimeOut: () {
        toast("服务器请求超时");
        print('>>> Server Timeout');
        print(' >>> 请求超时而执行交易后端');
      },
      onScanCardTimeOut: () {
        toast("卡扫描超时");
        print('>>> 扫描卡超时');
        print(' >>> 卡扫描超时，设备上没有任何卡轻触');
      },
      onCancelByUser: () {
        toast("用户取消");
        print('>>> 用户取消');
        print(' >>> 用户自行选择取消扫描/支付过程');
      },
      onError: (Exception error) {
        toast(error.toString());
        print('>>> 异常');
        print(' >>> 扫描/支付过程中发生异常，请检查日志');
        print('  >>> ${error.toString()}');
      },
    );
  }
}