Flutter支付集成插件payment_integration_oorjaa的使用

payment_integration_oorjaa 是一个用于印度支付网关集成的 Flutter 插件，它基于 Razorpay 支付网关实现。本文将详细介绍如何在 Flutter 应用中使用该插件进行支付集成。

开始之前

确保您的开发环境已正确配置，并且已安装 Flutter 和 Dart SDK。如果这是您第一次使用 Flutter，请参考以下资源：

• 官方 Flutter 入门教程
• Flutter 官方 Cookbook

如果您对 Flutter 开发还不熟悉，可以先阅读官方文档以了解基础知识。

安装插件

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

dependencies:
  payment_integration_oorjaa: ^0.1.0 # 请根据最新版本号调整

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

flutter pub get

配置 Razorpay

在使用插件之前，您需要在 Razorpay 平台上注册并获取 API 密钥（key_id 和 key_secret）。以下是配置步骤：

1. 登录到 Razorpay 控制台。
2. 创建一个新的应用并生成 API 密钥。
3. 将密钥保存为环境变量或硬编码到代码中。

注意：请勿在生产环境中硬编码密钥，建议使用环境文件（如 .env）来管理密钥。

示例代码

以下是一个完整的示例，展示如何在 Flutter 应用中集成 payment_integration_oorjaa 插件：

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

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

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

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

class _PaymentScreenState extends State<PaymentScreen> {
  String? _responseMessage;

  void _startPayment() async {
    // 初始化 Razorpay 对象
    final Razorpay _razorpay = Razorpay();

    // 设置支付选项
    var options = {
      "key": "rzp_test_your_key", // 替换为您的 Razorpay key_id
      "amount": 100 * 100, // 金额单位为分
      "name": "示例商品",
      "description": "测试支付",
      "prefill": {
        "contact": "1234567890",
        "email": "test@example.com"
      },
      "external": {
        "wallets": ["paytm"]
      }
    };

    // 监听支付结果
    _razorpay.on(Razorpay.EVENT_PAYMENT_SUCCESS, (result) {
      setState(() {
        _responseMessage = "支付成功！\n订单 ID: ${result.orderId}";
      });
    });

    _razorpay.on(Razorpay.EVENT_PAYMENT_ERROR, (result) {
      setState(() {
        _responseMessage = "支付失败！\n错误信息: ${result.errorDescription}";
      });
    });

    try {
      // 启动支付
      _razorpay.open(options);
    } catch (e) {
      print("支付失败: $e");
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Razorpay 支付集成"),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            ElevatedButton(
              onPressed: _startPayment,
              child: Text("开始支付"),
            ),
            SizedBox(height: 20),
            if (_responseMessage != null)
              Text(_responseMessage ?? "", style: TextStyle(fontSize: 16)),
          ],
        ),
      ),
    );
  }

  [@override](/user/override)
  void dispose() {
    super.dispose();
    // 关闭 Razorpay 实例以释放资源
    _razorpay.clear();
  }
}