Flutter支付集成插件b24_payment_sdk的使用

b24_payment_sdk 是一个简化商家集成多种支付方式的 Flutter 包，支持银行应用支付、银行结账和KHQR支付。该包用 Dart 编写，并支持 Android、iOS 和 Web 平台。

功能

• 支付Deep-link：允许用户通过银行的移动应用程序进行支付，提供流畅且熟悉的支付体验。
• 银行结账：为用户提供便捷的结账流程，直接通过银行支付，确保安全高效的交易。
• KHQR支付：使用户能够使用KHQR（快速响应码）方法进行支付，提供灵活且广泛接受的支付选项。

开始使用

要将 b24_payment_sdk 包添加到你的 Flutter 项目中，请遵循以下步骤：

iOS

在 Info.plist 中添加权限

<key>Privacy - Photo Library Additions Usage Description</key>
<string>App需要访问照片库以保存图片。</string>

<key>LSApplicationQueriesSchemes</key>
<array>
    <string>https</string>
</array>

Android

修改 AndroidManifest.xml 中的配置

<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<activity android:launchMode="singleInstance"></activity>

<queries>
    <intent>
      <action android:name="android.intent.action.VIEW" />
      <data android:scheme="https" />
  </intent>
</queries>

添加依赖

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

dependencies:
  b24_payment_sdk: ^1.1.4

使用示例

在你的 Flutter 项目中，你可以按照以下方式使用 b24_payment_sdk 插件：

import 'package:b24_payment_sdk/b24_payment_sdk.dart';
import 'package:flutter/material.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(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: const MyHomePage(title: '应用程序'),
    );
  }
}

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> {
  bool isToggled = false;

  String? tranId = "95DBF755CA7C";
  String? refererKey = "123X";
  String? language = '';
  bool? darkMode = false;
  bool? isProduction = false;

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        title: Text(widget.title),
      ),
      body: Column(
        children: [
          Expanded(
            child: Center(
              child: SingleChildScrollView(
                child: Padding(
                  padding: const EdgeInsets.all(16.0),
                  child: Column(
                    mainAxisAlignment: MainAxisAlignment.center,
                    mainAxisSize: MainAxisSize.min,
                    children: [
                      TextField(
                        onChanged: (value) {
                          setState(() {
                            tranId = value;
                          });
                        },
                        decoration: const InputDecoration(labelText: 'tranId'),
                      ),
                      TextField(
                        onChanged: (value) {
                          setState(() {
                            refererKey = value;
                          });
                        },
                        decoration: const InputDecoration(labelText: 'X-Referrer-Key'),
                      ),
                      TextField(
                        onChanged: (value) {
                          setState(() {
                            language = value;
                          });
                        },
                        decoration: const InputDecoration(labelText: '语言'),
                      ),
                      CheckboxListTile(
                        title: const Text('是否生产环境'),
                        value: isProduction,
                        onChanged: (value) {
                          setState(() {
                            isProduction = value;
                          });
                        },
                      ),
                      CheckboxListTile(
                        title: const Text('暗黑模式'),
                        value: darkMode,
                        onChanged: (value) {
                          setState(() {
                            darkMode = value;
                          });
                        },
                      ),
                      const SizedBox(height: 10.0),
                      ElevatedButton(
                        onPressed: () {
                          B24PaymentSdk.intSdk(
                            controller: context,
                            tranId: tranId!,
                            refererKey: refererKey!,
                            language: language,
                            darkMode: darkMode,
                            isProduction: isProduction,
                            isPopup: true
                          );
                        },
                        child: const Text('结账'),
                      ),
                      const SizedBox(height: 80),
                    ],
                  ),
                ),
              ),
            ),
          ),
        ],
      ),
    );
  }
}