Flutter支付集成插件paylink_payment_sdk的使用

Paylink Payment SDK

概述

paylink_payment_sdk 是一个为 Flutter 应用程序设计的 SDK，旨在简化将 Paylink 支付网关集成到 Flutter 应用中的过程。它提供了一种便捷的方式来处理应用程序内的支付操作。

特性

• 与 Paylink 支付网关轻松集成。
• 使用最少的代码即可完成支付流程。
• 安全地处理支付交易。

开始使用

安装

要将 paylink_payment_sdk 添加到您的 Flutter 项目中，请在项目的 pubspec.yaml 文件中添加以下依赖项：

dependencies:
  flutter:
    sdk: flutter
  paylink_payment_sdk: ^0.9.3  # 使用最新版本

然后运行以下命令以安装依赖：

flutter pub get

示例代码

以下是一个完整的示例代码，展示了如何在 Flutter 应用中使用 paylink_payment_sdk。

示例代码

文件结构

example/
├── lib/
│   └── main.dart

main.dart

import 'package:flutter/material.dart';
import 'package:paylink_payment_sdk/paylink_payment_sdk.dart'; // 导入 SDK

void main() {
  runApp(const MyApp()); // 启动应用
}

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(title: 'Flutter Demo Home Page'), // 主页面
    );
  }
}

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

  final String title;

  @override
  State<MyHomePage> createState() => _MyHomePageState(); // 创建状态对象
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title), // 设置标题
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: const [
            Text('Paylink Payment Example'), // 显示文本
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          // 调用支付方法
          PaymentSDK(context).openPaymentForm(
            '1704667110670', // 订单号
            (orderNumber, transactionNo, orderPaid, orderTotal) {
              // 回调函数
              print('订单号: $orderNumber');
              print('交易号: $transactionNo');
              print('订单已支付金额: $orderPaid');
              print('订单总金额: $orderTotal');
            },
          );
        },
        tooltip: 'Increment',
        child: const Icon(Icons.add), // 浮动按钮图标
      ),
    );
  }
}

代码说明

1. 导入 SDK：

   import 'package:paylink_payment_sdk/paylink_payment_sdk.dart';

   导入 paylink_payment_sdk 包以便在应用中使用其功能。

2. 初始化应用：

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

   定义主函数并启动应用。

3. 创建主页面：

   class MyApp extends StatelessWidget {
     const MyApp({super.key});
   
     @override
     Widget build(BuildContext context) {
       return MaterialApp(
         title: 'Flutter Demo',
         theme: ThemeData(
           primarySwatch: Colors.blue,
         ),
         home: const MyHomePage(title: 'Flutter Demo Home Page'),
       );
     }
   }

   定义主页面并设置主题。

4. 定义状态类：

   class _MyHomePageState extends State<MyHomePage> {
     @override
     Widget build(BuildContext context) {
       return Scaffold(
         appBar: AppBar(
           title: Text(widget.title),
         ),
         body: Center(
           child: Column(
             mainAxisAlignment: MainAxisAlignment.center,
             children: const [
               Text('Paylink Payment Example'),
             ],
           ),
         ),
         floatingActionButton: FloatingActionButton(
           onPressed: () {
             PaymentSDK(context).openPaymentForm(
               '1704667110670',
               (orderNumber, transactionNo, orderPaid, orderTotal) {
                 print('订单号: $orderNumber');
                 print('交易号: $transactionNo');
                 print('订单已支付金额: $orderPaid');
                 print('订单总金额: $orderTotal');
               },
             );
           },
           tooltip: 'Increment',
           child: const Icon(Icons.add),
         ),
       );
     }
   }