Flutter支付功能插件pay_unit_sdk的使用

Flutter支付功能插件pay_unit_sdk的使用

欢迎使用 Pay Unit Flutter SDK，在您的应用中无缝接受和管理付款。

描述

Pay Unit SDK 包允许您通过一个按钮轻松地将付款集成到您的应用程序中。

安装

运行以下命令：

使用 dart

dart pub add pay_unit_sdk

使用 Flutter

flutter pub add pay_unit_sdk

手动添加依赖

在 pubspec.yaml 文件中添加以下内容：

dependencies:
  pay_unit_sdk: ^3.1.5

导入包

import 'package:pay_unit_sdk/pay_unit_sdk.dart';

添加 mavenCentral()

在 build.gradle 文件中添加 mavenCentral() 到 allprojects 部分：

allprojects {
    repositories {
        google()
        mavenCentral() 
        jcenter()
    }
}

添加 PayUnitButton

PayUnitButton(
  apiUser: "Your apiuser>",
  apiPassword: "<Your apiPassword>",
  apiKey: "<Your apiKey>",
  transactionId: "<The id of your transaction>",
  mode: 'sandbox',
  transactionCallBackUrl: "<Your transactionCallBackUrl url>",
  notiFyUrl: "<Your notification url>",
  transactionAmount: "<Your transaction amount>",
  currency: "XAF", 
  buttonTextColor: Colors.white,
  productName: "<The name of the product>",
  color: Colors.teal,
  actionAfterProccess: (transactionId, transactionStatus) {
    // 回调参数包括交易ID和交易状态
  },
)

PayUnit 按钮参数

• apiUser: 您的 API 用户 ID，在您的 PayUnit 仪表板上提供，格式为 “payunit_xxxxxxxx”
• mode: 可以是 “sandbox” 或 “live”
• currency: 交易货币：例如 XAF 表示 FCFA，USD 表示美元等
• buttonTextColor: 自定义 PayUnit 按钮文本颜色
• color: 自定义 PayUnit 按钮颜色
• actionAfterProccess: 支付结束后的操作，可以在此执行某些操作，例如支付完成后显示一个 AlertDialog
• transactionId 和 transactionStatus 是 actionAfterProccess 函数的回调参数，不要修改它们。

注意事项

• 对于 Flutter 版本 < 2.x ==> 2.0.4 不包含 Cupertino 包，因为该包已经包含了它。
• 确保您的应用图标位于 @mipmap/ic_launcher 下，以便在每次交易后接收 PayUnit SDK 的通知。
• 新版 Pay_unit_sdk 2.0.7 支持 Flutter 2.x。
• 使用此包，只需遵循以下说明。请下载 SDK 的最新版本。
• 最小 SDK 版本 19。
• 使用 flutter sdk v.1.22.0+。

相册

合作伙伴

示例代码

import 'dart:math';
import 'package:flutter/material.dart';
import 'package:intl/intl.dart';
import 'package:pay_unit_sdk/pay_unit_sdk.dart';

void main() {
  runApp(App());
}

class App extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) => MaterialApp(
        debugShowCheckedModeBanner: false,
        home: Scaffold(
          body: Home(),
        ),
      );
}

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

class _HomeState extends State<Home> {
  [@override](/user/override)
  initState() {
    super.initState();
  }

  // 生成随机交易ID
  getRandomId() {
    // 初始化当前日期时间
    var now = DateTime.now();
    var rng = Random();
    // 指定日期格式
    var formatter = DateFormat('yyyyMMddHms');
    String formattedDate = "${formatter.format(now)}${rng.nextInt(100000)}";
    return formattedDate;
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.grey,
      appBar: AppBar(
        elevation: 1,
        backgroundColor: Colors.white,
        title: const Text(
          "Pay unit demo",
          style: TextStyle(color: Colors.black),
        ),
        centerTitle: true,
      ),
      body: Center(
        child: Padding(
          padding: EdgeInsets.only(left: 30, right: 30),
          child: PayUnitButton(
            isTerminalPayment: false,
            hasConnexion: true,
            apiUser: "xxxxxxxxxxxxxxxxxxxxxxx",
            apiPassword: "xxxxxx-xxxxxxx-xxxxxx-xxxxxx",
            apiKey: "xxxxxxxxxxxxxxxxxxxxxxxxxxx",
            transactionId: getRandomId(),
            mode: 'live', // test or live
            transactionCallBackUrl: "",
            notiFyUrl: "",
            transactionAmount: "Enter the Amount here",
            currency: "XAF",
            buttonTextColor: Colors.black,
            productName: "Vapor max sniper edition",
            color: Colors.white,
            actionAfterProccess: (transactionId, transactionStatus) {
              print("Transaction id is : $transactionId  and transaction status : $transactionStatus");
              if (transactionStatus != "FAILED") {
                // 如果交易成功，执行此操作
              } else {
                // 如果交易失败，执行此操作
              }
            },
          ),
        ),
      ),
    );
  }
}