Flutter安全支付插件safexpay的使用

Flutter安全支付插件safexpay的使用

本指南将帮助你了解如何在Flutter项目中集成和使用safexpay插件来实现安全支付功能。我们将通过一个简单的示例来演示如何初始化插件、设置支付参数并处理支付结果。

获取开始

首先，确保你已经安装了Flutter环境，并且可以创建一个新的Flutter项目。如果你还没有安装Flutter，请访问Flutter官方文档获取安装指南。

配置safexpay插件

在你的pubspec.yaml文件中添加safexpay依赖：

dependencies:
  safexpay: ^1.0.0 # 请根据实际情况替换版本号

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

初始化插件

在你的主应用类中初始化safexpay插件并设置商户信息：

import 'dart:async';
import 'dart:math';

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:safexpay/constants/strings.dart';
import 'package:safexpay/constants/utility.dart';
import 'package:safexpay/safexpay.dart';

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

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

class _MyAppState extends State<MyApp> {
  String _platformVersion = 'Unknown';

  [@override](/user/override)
  void initState() {
    super.initState();
    initPlatformState();
    MerchantConstants.setDetails(
        mId: 'HERE-MERCHANT-ID',
        mKey: 'HERE-MERCHANT-KEY',
        aggId: 'HERE-AGGREGATOR-ID',
        environment: Environment.PRODUCTION); //Environment.PRODUCTION
  }

  // 平台消息是异步的，因此我们在异步方法中初始化。
  Future<void> initPlatformState() async {
    String platformVersion;
    // 平台消息可能会失败，所以我们使用try/catch来捕获PlatformException。
    // 我们也处理消息可能返回null的情况。
    try {
      platformVersion = await Safexpay.platformVersion ?? 'Unknown platform version';
    } on PlatformException {
      platformVersion = 'Failed to get platform version.';
    }

    // 如果在异步平台消息飞行时小部件被从树中移除，则我们希望丢弃回复而不是调用setState来更新我们的非存在的外观。
    if (!mounted) return;

    setState(() {
      _platformVersion = platformVersion;
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
        debugShowCheckedModeBanner: false, home: UserInputPage());
  }
}

用户输入页面

在这个页面中，用户可以输入金额并点击按钮进行支付：

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

class _UserInputPageState extends State<UserInputPage> implements SafeXPayPaymentCallback {
  TextEditingController controller = TextEditingController();
  GlobalKey<ScaffoldState> _scaffoldKey = GlobalKey<ScaffoldState>();
  late SafeXPayPaymentCallbackObservable _safeXPayPaymentCallbackObservable;

  [@override](/user/override)
  void initState() {
    super.initState();
    _safeXPayPaymentCallbackObservable = SafeXPayPaymentCallbackObservable();
    _safeXPayPaymentCallbackObservable.register(this);
  }

  [@override](/user/override)
  void dispose() {
    _safeXPayPaymentCallbackObservable.unRegister(this);
    super.dispose();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      key: _scaffoldKey,
      appBar: AppBar(
        title: Text('DemoPaymentApp'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          mainAxisSize: MainAxisSize.max,
          children: [
            TextField(
              controller: controller,
              keyboardType: TextInputType.number,
              decoration: InputDecoration(hintText: 'Enter the amount to pay'),
            ),
            const SizedBox(
              height: 32,
            ),
            ElevatedButton(
              onPressed: () {
                String amount = controller.text.toString().trim();
                if (amount.isEmpty) {
                  Utility.showSnackBarMessage(
                      state: _scaffoldKey.currentState!,
                      message: 'Please enter amount to pay');
                } else {
                  SafeXPayGateway safeXPayGateway = SafeXPayGateway(
                      orderNo: '${Random().nextInt(1000)}',
                      amount: double.parse(controller.text),
                      currency: 'INR',
                      transactionType: 'SALE',
                      channel: 'MOBILE',
                      successUrl: 'https://1bd1c7cd06b7.ngrok.io/Performance/public/simApp',
                      failureUrl: 'https://1bd1c7cd06b7.ngrok.io/Performance/public/simApp',
                      countryCode: 'IND');

                  safeXPayGateway.setUserDetails(
                      name: 'Nagendra',
                      emailId: 'nagendra@safexpay.com',
                      mobile: '7710910181');

                  safeXPayGateway.allowedPaymentMethods(
                      allowCardPayment: true,
                      allowNetBankingPayment: true,
                      allowWalletPayment: true,
                      allowUPIPayment: true);

                  MaterialPageRoute route = MaterialPageRoute(builder: (context) => safeXPayGateway);
                  Navigator.push(context, route);
                }
              },
              child: Text(
                'Proceed to Payment',
                style: TextStyle(color: Colors.black),
              ),
              style: ElevatedButton.styleFrom(
                primary: Colors.cyanAccent,
                padding: const EdgeInsets.symmetric(vertical: 12, horizontal: 24),
              ),
            )
          ],
        ),
      ),
    );
  }

  [@override](/user/override)
  void onInitiatePaymentFailure(
      String orderID,
      String transactionID,
      String paymentID,
      String paymentStatus,
      String date,
      String time,
      String paymode,
      String amount,
      String udf1,
      String udf2,
      String udf3,
      String udf4,
      String udf5) {
    print('onInitiatePaymentFailure : $orderID -- $transactionID -- $paymentID -- $paymentStatus -- $date -- $time -- $paymode -- $amount -- $udf1 -- $udf2 -- $udf3 -- $udf4 -- $udf5');
  }

  [@override](/user/override)
  void onPaymentCancelled() {
    print('onPaymentCancelled : Transaction Cancelled');
  }

  [@override](/user/override)
  void onPaymentComplete(
      String orderID,
      String transactionID,
      String paymentID,
      String paymentStatus,
      String date,
      String time,
      String paymode,
      String amount,
      String udf1,
      String udf2,
      String udf3,
      String udf4,
      String udf5) {
    print('onPaymentComplete : $orderID -- $transactionID -- $paymentID -- $paymentStatus -- $date -- $time -- $paymode -- $amount -- $udf1 -- $udf2 -- $udf3 -- $udf4 -- $udf5');
  }
}