Flutter支付集成插件thawani_payment的使用

Flutter支付集成插件thawani_payment的使用

1. 插件简介

thawani_payment 是一个帮助你在Flutter应用中集成Thawani支付网关的插件。通过这个插件，你可以轻松地使用Thawani的Checkout API来实现支付功能。

2. 开发者信息

该插件由Nasr Al-Rahbi开发。

3. 环境要求

• Android: SDK 19+ 或 20+
• iOS: iOS 9+

4. 设置步骤

4.1. 添加依赖

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

dependencies:
  thawani_payment: <最新版本>

4.2. Android配置

确保在 android/app/build.gradle 文件中设置 minSdkVersion 为19或更高：

android {
    defaultConfig {
        minSdkVersion 19
    }
}

5. 使用示例

5.1. 完整示例代码

以下是一个完整的示例代码，展示了如何在Flutter应用中使用 thawani_payment 插件进行支付。

import 'package:flutter/material.dart';
import 'package:thawani_payment/models/products.dart';
import 'package:thawani_payment/pay.dart';
import 'package:thawani_payment/viewmodel/thawani_customerdelete.dart';

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

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.green,
      ),
      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> {
  int _counter = 0;

  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Thawani Payment Example'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            SizedBox(
              width: 200,
              height: 50,
              child: ElevatedButton(
                onPressed: () {
                  Thawani.pay(
                    context,
                    // 是否允许保存支付卡
                    saveCard: true,
                    // 是否启用测试模式
                    testMode: true,
                    // Thawani API密钥
                    api: 'rRQ26GcsZzoEhbrP2HZvLYDbn9C9et',
                    // Thawani Publishable Key
                    pKey: 'HGvTMLDssJghr9tlN9gr4DVYt0qyBy',
                    // 商户ID
                    clintID: '123456',
                    // 错误处理回调
                    onError: (e) {
                      print(e);
                    },
                    // 商品列表
                    products: [
                      Product(name: "商品名称", quantity: 2, unitAmount: 1234)
                    ],
                    // 创建会话成功回调
                    onCreate: (v) {
                      print(v.data);
                    },
                    // 用户取消支付回调
                    onCancelled: (v) {
                      print(v);
                      Navigator.push(context,
                          MaterialPageRoute(builder: (builder) => const C()));
                    },
                    // 支付成功回调
                    onPaid: (v) {
                      print(v);
                      Navigator.push(context,
                          MaterialPageRoute(builder: (builder) => const V()));
                    },
                    // 获取已保存客户ID回调
                    getSavedCustomer: (id) {
                      print(id);
                    },
                    // 创建新客户回调
                    onCreateCustomer: (data) {},
                    // 其他元数据
                    metadata: {
                      "order_id": "123",
                      "customer_id": "123",
                      "customer_name": "John Doe",
                      "customer_email": "s"
                    },
                  );
                },
                child: const Text("使用Thawani支付"),
              ),
            ),
            const SizedBox(height: 50),
            ElevatedButton(
              onPressed: () async {
                // 获取已保存的客户ID
                print(await ThawaniCustomer.get());
              },
              child: const Text("获取已保存客户ID"),
            ),
            const SizedBox(height: 50),
            ElevatedButton(
              onPressed: () {
                // 删除已保存的客户ID
                print(ThawaniCustomer.delete());
              },
              child: const Text("删除已保存客户ID"),
            )
          ],
        ),
      ),
    );
  }
}