Flutter支付功能插件upi_payment的使用

Flutter支付功能插件upi_payment的使用

Features

TODO: 列出你的包可以做什么。也许可以包含图片、GIF或视频。

Getting started

TODO: 列出先决条件并提供如何开始使用该包的信息。

安装依赖

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

dependencies:
  upi_payment: ^0.3.0

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

flutter pub get

配置Android

确保在 AndroidManifest.xml 中添加以下权限：

<uses-permission android:name="android.permission.USE_FINGERPRINT"/>
<uses-permission android:name="android.permission.VIBRATE"/>

配置iOS

确保在 Info.plist 中添加以下键值对：

<key>LSApplicationQueriesSchemes</key>
<array>
    <string>upi</string>
</array>

Usage

TODO: 包含包用户的短小且有用的示例。将较长的示例添加到 /example 文件夹中。

以下是一个完整的示例，展示如何使用 upi_payment 插件进行支付：

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

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: UPIPaymentExample(),
    );
  }
}

class UPIPaymentExample extends StatefulWidget {
  [@override](/user/override)
  _UPIPaymentExampleState createState() => _UPIPaymentExampleState();
}

class _UPIPaymentExampleState extends State<UPIPaymentExample> {
  String _result = '';

  Future<void> _makePayment() async {
    try {
      // 初始化支付
      UPIPayment upiPayment = UPIPayment(
        app: UPIApps.googlePay, // 使用Google Pay作为支付应用
        receiverUpiId: 'receiver@upi', // 接收者的UPI ID
        receiverName: 'Receiver Name', // 接收者姓名
        transactionRefId: 'txn1234567890', // 交易参考ID
        amount: '10.00', // 支付金额
        name: 'Payer Name', // 付款人姓名
        notes: 'Payment for service', // 备注
      );

      // 执行支付
      String result = await upiPayment.startTransaction();

      // 显示支付结果
      setState(() {
        _result = result;
      });
    } catch (e) {
      // 捕获异常并显示错误信息
      setState(() {
        _result = e.toString();
      });
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('UPI Payment Example'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            ElevatedButton(
              onPressed: _makePayment,
              child: Text('Make Payment'),
            ),
            SizedBox(height: 20),
            Text(_result),
          ],
        ),
      ),
    );
  }
}

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

1 回复

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


upi_payment 是一个用于在 Flutter 应用中实现 UPI（统一支付接口）支付的插件。它允许用户通过 UPI ID 或扫描二维码进行支付。以下是如何使用 upi_payment 插件的基本步骤：

1. 添加依赖

首先，在 pubspec.yaml 文件中添加 upi_payment 插件的依赖：

dependencies:
  flutter:
    sdk: flutter
  upi_payment: ^1.0.0  # 请确认最新版本

然后运行 flutter pub get 来安装依赖。

2. 导入插件

在你的 Dart 文件中导入 upi_payment 插件：

import 'package:upi_payment/upi_payment.dart';

3. 初始化支付请求

创建一个 UpiPayment 对象并初始化支付请求。你需要提供以下信息：

  • receiverUpiId: 接收方的 UPI ID。
  • receiverName: 接收方的名称。
  • transactionRefId: 交易参考 ID。
  • transactionNote: 交易备注。
  • amount: 交易金额。
UpiPayment upiPayment = UpiPayment(
  receiverUpiId: 'receiver@upi', // 接收方的 UPI ID
  receiverName: 'Receiver Name', // 接收方的名称
  transactionRefId: 'ref123', // 交易参考 ID
  transactionNote: 'Payment for service', // 交易备注
  amount: '100.00', // 交易金额
);

4. 发起支付

使用 startPayment 方法来发起支付。这个方法会返回一个 Future，你可以使用 await 来等待支付结果。

try {
  UpiResponse response = await upiPayment.startPayment();
  if (response.status == UpiPaymentStatus.success) {
    print('Payment successful: ${response.transactionId}');
  } else {
    print('Payment failed: ${response.status}');
  }
} catch (e) {
  print('Error occurred: $e');
}

5. 处理支付结果

UpiResponse 对象包含支付结果的信息，包括 status 和 transactionId。你可以根据 status 来判断支付是否成功。

6. 处理错误

在 try-catch 块中捕获可能的异常，并处理错误情况。

完整示例代码

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

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('UPI Payment Example'),
        ),
        body: Center(
          child: ElevatedButton(
            onPressed: () async {
              UpiPayment upiPayment = UpiPayment(
                receiverUpiId: 'receiver@upi',
                receiverName: 'Receiver Name',
                transactionRefId: 'ref123',
                transactionNote: 'Payment for service',
                amount: '100.00',
              );

              try {
                UpiResponse response = await upiPayment.startPayment();
                if (response.status == UpiPaymentStatus.success) {
                  print('Payment successful: ${response.transactionId}');
                } else {
                  print('Payment failed: ${response.status}');
                }
              } catch (e) {
                print('Error occurred: $e');
              }
            },
            child: Text('Pay with UPI'),
          ),
        ),
      ),
    );
  }
}
回到顶部