Flutter金融支付插件moamalat的使用

简介

moamalat 是一个用于简化 Flutter 应用中集成支付功能的插件。通过此插件，您可以轻松地将支付功能嵌入到您的应用程序中。

特性

• 提供了一个按钮用于集成支付。
• 依赖项：

  moamalat: ^0.0.1

  在项目中添加后，运行 flutter pub get 来下载并安装该包。

使用方法

导入包

首先，在 Dart 文件中导入 moamalat 包：

import 'package:moamalat/moamalat.dart';

添加 MoamalatButton 并配置支付参数

在 Flutter 应用中，添加 MoamalatButton 小部件，并为按钮提供必要的支付参数。以下是一个完整的示例：

示例代码

import 'package:flutter/material.dart';
import 'package:moamalat/moamalat.dart'; // 导入 moamalat 包

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Moamalat 支付示例'),
        ),
        body: PaymentPage(),
      ),
    );
  }
}

class PaymentPage extends StatefulWidget {
  @override
  _PaymentPageState createState() => _PaymentPageState();
}

class _PaymentPageState extends State<PaymentPage> {
  // 定义支付所需的参数
  final String merchantId = 'your_merchant_id'; // 商户 ID
  final String orderId = 'order_12345'; // 订单 ID
  final String amount = '100.00'; // 支付金额
  final String currency = 'SAR'; // 货币类型（例如：沙特里亚尔 SAR）
  final String customerName = 'John Doe'; // 客户姓名
  final String customerEmail = 'johndoe@example.com'; // 客户邮箱
  final String customerPhone = '+966123456789'; // 客户电话

  void _initiateTransaction() async {
    try {
      // 调用 MoamalatButton 的支付方法
      await MoamalatButton.initiateTransaction(
        merchantId: merchantId,
        orderId: orderId,
        amount: amount,
        currency: currency,
        customerName: customerName,
        customerEmail: customerEmail,
        customerPhone: customerPhone,
      );
      print('支付成功');
    } on PlatformException catch (e) {
      // 处理异常
      print('支付失败: ${e.message}');
    }
  }

  @override
  Widget build(BuildContext context) {
    return Center(
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
          ElevatedButton(
            onPressed: _initiateTransaction,
            child: Text('发起支付'),
          ),
          SizedBox(height: 20),
          Text('点击按钮以发起支付流程'),
        ],
      ),
    );
  }
}

错误处理

在调用 MoamalatButton.initiateTransaction 方法时，可能会抛出 PlatformException 异常，如果用户的设备不支持 UPI 支付。您需要捕获此异常并在应用中进行适当的处理。

示例代码中的错误处理

try {
  await MoamalatButton.initiateTransaction(
    merchantId: merchantId,
    orderId: orderId,
    amount: amount,
    currency: currency,
    customerName: customerName,
    customerEmail: customerEmail,
    customerPhone: customerPhone,
  );
  print('支付成功');
} on PlatformException catch (e) {
  print('支付失败: ${e.message}');
}