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
更多关于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');
}
}