Flutter非官方Xendit支付插件xendit_unofficial的使用

Flutter非官方Xendit支付插件xendit_unofficial的使用

Xendit SDK 非官方版本

注意事项

这不是Xendit官方提供的SDK。


插件安装

在Flutter项目中添加插件:

flutter pub add xendit_unofficial

使用者


功能路线图

以下是未来可能增加的功能:

  • 支持信用卡支付
  • 增加PayLater功能
  • 支持电子钱包(e-wallet)

使用示例

以下是一个完整的示例代码,展示了如何使用xendit_unofficial插件来检查余额、生成QRIS码以及生成虚拟账户(VA)。

import 'dart:convert';

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

import 'package:flutter/services.dart';
import 'package:xendit_unofficial/xendit_unofficial.dart';

void main() {
  // 初始化插件,传入API密钥(此处为空)
  XenditSDK(apiKey: "").init();
  runApp(const MyApp());
}

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

  [@override](/user/override)
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Homepage(),
    );
  }
}

class Homepage extends StatefulWidget {
  const Homepage({Key? key}) : super(key: key);

  [@override](/user/override)
  State<Homepage> createState() => _HomepageState();
}

class _HomepageState extends State<Homepage> {
  String _platformVersion = 'Unknown';
  int saldo = 0;
  XenditQrisModel? xenditQrisModel;
  XenditVaModel? xenditVaModel;

  [@override](/user/override)
  void initState() {
    super.initState();
  }

  // 检查余额
  void checkSaldo() async {
    String tmpsaldo = await XenditBalance().check();
    print("余额检查成功");
    print(tmpsaldo);
    setState(() {
      saldo = int.parse(tmpsaldo);
    });
  }

  // 生成QRIS码
  void generateQrCode() async {
    XenditQRIS qris = XenditQRIS(
        external_id: "sjhdgfhjdsgf5", // 外部ID
        nominal: 1500,               // 金额
        callback: "https://coba.com/callback"); // 回调URL
    String qrStringTmp = await qris.generate();
    setState(() {
      xenditQrisModel = xenditQrisModelFromJson(qrStringTmp); // 解析生成的结果
    });
  }

  // 生成虚拟账户(BNI银行)
  void generateVA() async {
    XenditVA va = XenditVA(
        external_id: "demo-8",       // 外部ID
        bank_code: XenditBankCode.BNI, // 银行代码
        name: "Rika");               // 用户名
    String vaTmp = await va.generate();
    setState(() {
      xenditVaModel = xenditVaModelFromJson(vaTmp); // 解析生成的结果
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Xendit SDK 示例应用'),
      ),
      body: Container(
        alignment: Alignment.center,
        padding: EdgeInsets.all(20),
        child: Column(
          children: [
            // 显示平台信息
            Text('运行环境: $_platformVersion\n'),
            
            // 检查余额按钮
            InkWell(
              onTap: checkSaldo,
              child: Container(
                height: 50,
                alignment: Alignment.center,
                width: MediaQuery.of(context).size.width,
                decoration: BoxDecoration(
                    color: Colors.red, borderRadius: BorderRadius.circular(10)),
                child: Text(
                  "检查余额",
                  style: TextStyle(color: Colors.white),
                ),
              ),
            ),
            Text("${saldo}"),

            // 生成QRIS码按钮
            InkWell(
              onTap: generateQrCode,
              child: Container(
                height: 50,
                alignment: Alignment.center,
                width: MediaQuery.of(context).size.width,
                decoration: BoxDecoration(
                    color: Colors.red, borderRadius: BorderRadius.circular(10)),
                child: Text(
                  "生成QRIS码",
                  style: TextStyle(color: Colors.white),
                ),
              ),
            ),
            Text("${jsonEncode(xenditQrisModel)}"),

            // 生成虚拟账户按钮
            InkWell(
              onTap: generateVA,
              child: Container(
                height: 50,
                alignment: Alignment.center,
                width: MediaQuery.of(context).size.width,
                decoration: BoxDecoration(
                    color: Colors.red, borderRadius: BorderRadius.circular(10)),
                child: Text(
                  "生成BNI虚拟账户",
                  style: TextStyle(color: Colors.white),
                ),
              ),
            ),
            Text("${jsonEncode(xenditVaModel)}")
          ],
        ),
      ),
    );
  }
}

更多关于Flutter非官方Xendit支付插件xendit_unofficial的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter非官方Xendit支付插件xendit_unofficial的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


xendit_unofficial 是一个非官方的 Flutter 插件,用于在 Flutter 应用中集成 Xendit 支付服务。Xendit 是一个东南亚的支付网关,支持多种支付方式,包括信用卡、银行转账、电子钱包等。

以下是如何在 Flutter 项目中使用 xendit_unofficial 插件的基本步骤:

1. 添加依赖

首先,你需要在 pubspec.yaml 文件中添加 xendit_unofficial 插件的依赖:

dependencies:
  flutter:
    sdk: flutter
  xendit_unofficial: ^1.0.0  # 请确保使用最新版本

然后运行 flutter pub get 来获取依赖。

2. 初始化 Xendit

在使用 Xendit 支付之前,你需要初始化 Xendit 插件。通常,你可以在 main.dart 文件中进行初始化:

import 'package:xendit_unofficial/xendit_unofficial.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await Xendit.init(apiKey: 'YOUR_XENDIT_API_KEY');
  runApp(MyApp());
}

3. 创建支付 Token

在使用信用卡支付时,你需要先创建一个支付 Token。以下是一个示例:

import 'package:xendit_unofficial/xendit_unofficial.dart';

Future<void> createToken() async {
  try {
    final token = await Xendit.createToken(
      cardNumber: '4242424242424242',
      expMonth: '12',
      expYear: '2025',
      cvn: '123',
    );
    print('Token created: ${token.id}');
  } catch (e) {
    print('Error creating token: $e');
  }
}

4. 创建支付

创建支付 Token 后,你可以使用该 Token 来创建支付:

import 'package:xendit_unofficial/xendit_unofficial.dart';

Future<void> createPayment() async {
  try {
    final payment = await Xendit.createPayment(
      tokenId: 'YOUR_TOKEN_ID',
      amount: 10000,  // 金额 (例如:10000 表示 100.00 货币单位)
      currency: 'IDR',  // 货币代码
    );
    print('Payment created: ${payment.id}');
  } catch (e) {
    print('Error creating payment: $e');
  }
}

5. 处理支付结果

你可以通过监听支付结果来处理支付成功或失败的情况:

import 'package:xendit_unofficial/xendit_unofficial.dart';

Future<void> handlePayment() async {
  try {
    final payment = await Xendit.createPayment(
      tokenId: 'YOUR_TOKEN_ID',
      amount: 10000,
      currency: 'IDR',
    );

    if (payment.status == 'CAPTURED') {
      print('Payment successful');
    } else {
      print('Payment failed');
    }
  } catch (e) {
    print('Error handling payment: $e');
  }
}
回到顶部