Flutter支付集成插件payu_upi_flutter的使用

Flutter支付集成插件payu_upi_flutter的使用

payu_upi_flutter 是一个基于PayU的UPI SDK构建的Flutter插件，用于在Android和iOS平台上实现支付功能。通过此插件，开发者可以轻松地将支付功能集成到自己的Flutter应用中。

安装

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

dependencies:
  payu_upi_flutter: ^版本号

然后运行以下命令以获取最新版本的插件：

flutter pub get

初始化

在使用插件之前，需要初始化插件。通常可以在main.dart文件中进行初始化：

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

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

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

使用插件

创建一个支付屏幕，并在其中使用payu_upi_flutter插件来处理支付请求：

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

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

class _PaymentScreenState extends State<PaymentScreen> {
  // 初始化插件
  final PayUPayment payUPayment = PayUPayment();

  // 支付参数
  String merchantId = "商户ID";
  String merchantKey = "商户密钥";
  String salt = "盐值";
  String txnId = "交易ID";
  String amount = "金额";
  String productInfo = "产品信息";
  String firstName = "姓名";
  String email = "邮箱";
  String phone = "电话";

  // 调用支付接口
  void makePayment() async {
    try {
      // 设置支付参数
      payUPayment.setMerchantId(merchantId);
      payUPayment.setMerchantKey(merchantKey);
      payUPayment.setSalt(salt);
      payUPayment.setTxnId(txnId);
      payUPayment.setAmount(amount);
      payUPayment.setProductInfo(productInfo);
      payUPayment.setFirstName(firstName);
      payUPayment.setEmail(email);
      payUPayment.setPhone(phone);

      // 开始支付
      PayUResponse response = await payUPayment.startPayment();

      // 处理支付结果
      if (response.responseCode == "0") {
        ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text("支付成功")));
      } else {
        ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text("支付失败")));
      }
    } catch (e) {
      ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text("支付异常：$e")));
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('支付页面'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: makePayment,
          child: Text('发起支付'),
        ),
      ),
    );
  }
}