该软件包可以轻松地与 Zage 集成。您只需要一个 API 密钥和一个支付令牌，就可以开始使用 Zage 接受付款。

特点

  • 直接通过 Zage 为您的用户处理付款
  • 显示有关 Zage 的信息性模态框，以帮助您的客户了解 ACH 的工作原理。

入门

要使用此软件包，您需要一个现有的 Zage 沙盒账户。请联系我们以开始使用。

一旦您有了公钥，您只需生成一个支付令牌即可开始

然后，只需导入‘package:zage_flutter/zage.dart’，使用您的公钥实例化一个 Zage 对象，您就可以开始使用了。

用法

以下是一个工作示例（也可在 /example 文件夹中找到）。您需要做的就是输入您的公钥并包含与您的帐户关联的支付令牌。

当您创建支付令牌时，您会包含一个用于处理付款成功的 webhook。您的 webhook 的响应将作为 onSuccess 回调的参数回显。

如果用户因任何原因提前退出付款流程，将调用 onExit 回调。

import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart';

// TODO: Update the publicKey, paymentToken, and callback handlers to your needs
const zage = const Zage(publicKey: 'fill-me-in');
const String paymentToken = 'fill-me-in-too';
void Function(Object) onSuccess = (Object response) => {
  print(response)
};
void Function() onExit = () => {
  print('exited from payment flow')
};

void main() {
  runApp(MaterialApp(
    title: 'Zage Example',
    theme: ThemeData(
      primarySwatch: Colors.green,
      dialogBackgroundColor: Colors.black12,
    ),
    home: const MyApp(),
  ));
}

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

  @override
  Widget build(BuildContext context) {
    return Material(
      child: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            ElevatedButton(
              child: const Text('Run Payment'),
              onPressed: () {
                zage.showZagePayments(context, paymentToken, onSuccess, onExit);
              },
            ),
            ElevatedButton(
              child: const Text('Information Modal'),
              onPressed: () {
                zage.showZageInfoModal(context);
              },
            ),
          ]
        )
      )
    );
  }
}

附加信息

如果您在使用此软件包时遇到任何问题，请联系我们。我们很乐意为您提供帮助！

GitHub

查看 Github