Flutter支付插件flutter_pay_upi的使用

flutter_pay_upi 是一个用于在Flutter应用中集成UPI（统一支付接口）支付功能的插件。以下是如何在Flutter项目中使用该插件的详细步骤和示例代码。

1. 添加依赖

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

dependencies:
  flutter:
    sdk: flutter
  flutter_pay_upi: ^0.2.1

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

flutter pub get

2. Android配置

为了获取所有支持的UPI应用程序列表，你可以使用以下代码：

List<UpiApp> androidUpiList = await FlutterPayUpiManager.getListOfAndroidUpiApps();

修改 android/app/src/main/AndroidManifest.xml

确保你的 minSdkVersion 设置为至少 19：

<uses-sdk android:minSdkVersion="19" />

3. iOS配置

为了获取所有支持的UPI应用程序列表，你可以使用以下代码：

List<UpiIosModel> iosUpiList = await FlutterPayUpiManager.getListOfIosUpiApps();

修改 ios/Runner/Info.plist

在 Info.plist 中添加以下内容：

<key>LSApplicationQueriesSchemes</key>
<array>
    <string>phonepe</string>
    <string>tez</string>
    <string>paytm</string>
    <string>gpay</string>
    <string>BHIM</string>
</array>

生命周期处理

在iOS平台上，你需要处理生命周期事件以验证交易是否成功：

class FlutterPayUPI extends StatefulWidget {
  const FlutterPayUPI({super.key});

  @override
  _FlutterPayUPIState createState() => _FlutterPayUPIState();
}

class _FlutterPayUPIState extends State<FlutterPayUPI> with WidgetsBindingObserver {

  @override
  void initState() {
    super.initState();
    WidgetsBinding.instance.addObserver(this);
  }

  @override
  void dispose() {
    WidgetsBinding.instance.removeObserver(this);
    super.dispose();
  }

  @override
  void didChangeAppLifecycleState(AppLifecycleState state) {
    if (state == AppLifecycleState.resumed) {
      if (Platform.isIOS) {
        // Implement your transaction verification logic here.
      }
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter Pay UPI Example'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () async {
            // Start payment process here.
          },
          child: Text('Start Payment'),
        ),
      ),
    );
  }
}

4. 启动支付

以下是启动支付的示例代码：

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HomePage(),
    );
  }
}

class HomePage extends StatefulWidget {
  @override
  _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> with WidgetsBindingObserver {
  @override
  void initState() {
    super.initState();
    WidgetsBinding.instance.addObserver(this);
  }

  @override
  void dispose() {
    WidgetsBinding.instance.removeObserver(this);
    super.dispose();
  }

  @override
  void didChangeAppLifecycleState(AppLifecycleState state) {
    if (state == AppLifecycleState.resumed) {
      if (Platform.isIOS) {
        // Implement your transaction verification logic here.
      }
    }
  }

  void startPayment() async {
    try {
      await FlutterPayUpiManager.startPayment(
        paymentApp: upiApp.app!,
        payeeVpa: "your-vpa@upi",
        payeeName: "Merchant Name",
        transactionId: "TXN123456789",
        payeeMerchantCode: "MERCHANTCODE",
        description: "Payment for services",
        amount: "100.00",
        response: (UpiResponse response) {
          print("Transaction successful: ${response.status}");
        },
        error: (e) {
          print("Error occurred: $e");
        },
      );
    } catch (e) {
      print("Exception: $e");
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter Pay UPI Example'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: startPayment,
          child: Text('Start Payment'),
        ),
      ),
    );
  }
}

5. 理解代码

• UpiResponse 对象会包含交易状态信息。
• 如果需要处理异常，可以使用 e.toString() 来打印错误信息。

6. 示例代码

完整示例代码可以在 GitHub 上找到。

通过以上步骤，你就可以在Flutter应用中集成UPI支付功能了。希望这个指南对你有所帮助！如果有任何问题，请随时查看插件的GitHub仓库或联系作者。