Flutter集成Squad SDK插件flutter_squad_sdk的使用

简介

这是一个Flutter包，它使你能够在Android和iOS应用程序中集成Squad支付网关的功能。它也适合使用Firebase或Supabase作为后端的开发者。你可以在你的Flutter应用中发起支付并完成结账。

iOS预览

Android预览

功能

• 发起支付并结账
• 如果不从后端服务器生成，则仅结账
• 使用交易参考验证支付

开始使用

要开始使用，请确保在https://squadco.com/ 创建一个账户。如果你需要测试账户，可以创建一个在https://sandbox.squadco.com/login 的账户，仅用于开发。

使用方法

要发起支付并结账，你需要调用SquadPay类中的initializeAndCheckout()函数。

//发起支付并结账
SquadPay.initializeAndCheckout(
  context, 
  Environment.test, 
  "<-请输入您的Secret Key这里->",     //您的Secret Key可以在squadco.com仪表板上找到
  InitialPayload(
    amount: 55000,
    email: "nalz@gmail.com",
    currency: "NGN",
    initiateType: "inline",
    transactionRef: SquadPay.generateTransactionRef(16), //生成随机交易参考
    callbackUrl: "https://google.com",
  )
);

如果从其他来源（例如后端服务器）初始化支付后进行结账，可以调用checkOut()函数：

//仅结账
SquadPay.checkOut(
  context,
  '<-请输入您的结账URL这里->',
  '<-请输入您的回调URL这里->'
);

要验证交易是否成功，可以使用以下代码片段：

//验证交易
final transactionResponse = await SquadPay.verifyTransaction(
  Environment.test,
  "<-请输入您的SECRET KEY这里->",
  "yVJ2KXwvtc" // 交易参考
);

完整示例Demo

以下是完整的示例代码：

import 'package:flutter/material.dart';
import 'package:flutter_squad_sdk/flutter_squad_sdk.dart';
import 'package:dio/dio.dart';

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

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Squad SDK Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: const MyHomePage(title: 'Flutter Squad SDK Demo'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});

  final String title;

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  String message = "";

  void initiatePaymentMethod() {
    SquadPay.initializeAndCheckout(
      context,
      Environment.test,
      "<-请输入您的SECRET KEY这里->",
      InitialPayload(
        amount: 55000,
        email: "nalz@gmail.com",
        currency: "NGN",
        initiateType: "inline",
        transactionRef: SquadPay.generateTransactionRef(16),
        callbackUrl: "https://google.com",
      )
    );
  }

  void checkOutMethod() async {
    String result = await SquadPay.checkOut(context,
        "https://checkout.paystack.com/25tw9jvmphdlbkt", "https://google.com");
    message = result;
  }

  void verifyPayment() async {
    try {
      final transactionResponse = await SquadPay.verifyTransaction(
        Environment.test,
        "<-请输入您的SECRET KEY这里->",
        "yVJ2KXwvtc" // 交易参考
      );
      setState(() {
        message = transactionResponse.data!.transactionStatus!;
      });
    } on DioException catch (e) {
      message = DioExceptions.fromDioError(e).toString();
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.spaceAround,
          children: [
            ElevatedButton(
              onPressed: initiatePaymentMethod,
              child: const Text("初始化支付")
            ),
            ElevatedButton(
              onPressed: checkOutMethod,
              child: const Text("结账")
            ),
            ElevatedButton(
              onPressed: verifyPayment,
              child: const Text("验证交易")
            ),
          ],
        ),
      ),
    );
  }
}