Flutter支付集成插件paystack_standard的使用

Flutter支付集成插件paystack_standard的使用

Paystack Standard简化了Paystack的集成——无需暴露您的PUB_KEY。这是通过使用Paystack重定向实现的。

特性

• 提供Paystack的所有支付方式

开始使用

安装

在pubspec.yaml文件中添加以下依赖：

flutter pub add paystack_standard

初始化交易

这一步需要在后端服务器上使用您的SECRET-KEY来完成。参考

const https = require('https')

const params = JSON.stringify({
  "email": "customer@email.com",
  "amount": "20000"
})

const options = {
  hostname: 'api.paystack.co',
  port: 443,
  path: '/transaction/initialize',
  method: 'POST',
  headers: {
    Authorization: 'Bearer SECRET_KEY',
    'Content-Type': 'application/json'
  }
}

const req = https.request(options, res => {
  let data = ''

  res.on('data', (chunk) => {
    data += chunk
  });

  res.on('end', () => {
    console.log(JSON.parse(data))
  })
}).on('error', error => {
  console.error(error)
})

req.write(params)
req.end()

示例响应

{
  "status": true,
  "message": "Authorization URL created",
  "data": {
    "authorization_url": "https://checkout.paystack.com/0peioxfhpn",
    "access_code": "0peioxfhpn",
    "reference": "7PVGX8MEk85tgeEpVDtD"
  }
}

返回一个authorization_url——您的后端服务器应该将此URL发送到前端/客户端进行结账。

注意事项

请确保在初始化Paystack交易时设置您的重定向URL。

结账/支付

从后端服务器发送的authorization_url作为唯一参数传递给Paystack Standard接口。PaystackStandard.checkout方法返回类型为CheckoutResponse的对象，其中包含一个success - bool和交易reference。

PaystackStandard(context).checkout(checkoutUrl: "<authorization_url>").then((response){
  // 这里检查是否成功 - 需要通过后端服务器验证交易状态
});

屏幕截图

![paystack_bank] ![paystack_cancel] ![paystack_card] ![paystack_transfer] ![paystack_ussd]

完整示例代码

import 'package:flutter/material.dart';
import 'package:paystack_standard/paystack_standard.dart';

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

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

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

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

  final String title;

  [@override](/user/override)
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  [@override](/user/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.center,
          children: [
            GestureDetector(
              onTap: () {
                PaystackStandard(context)
                    .checkout(checkoutUrl: "https://checkout.paystack.com/c3inl5xppg4z5qo");
              },
              child: Text(
                "Pay 1000N",
                style: Theme.of(context).textTheme.headlineMedium,
              ),
            ),
          ],
        ),
      ),
    );
  }
}