Flutter支付集成插件atompaynetznonaes的使用

Atom Paynetz Flutter

Atom Paynetz dart包用于Flutter集成。

开始使用

这是一个帮助类，用于生成非AES请求的Atom Paynetz支付URL。

安装

该插件可在Pub上找到：
https://pub.dev/packages/atompaynetznonaes

在项目的pubspec.yaml文件中添加以下依赖项：

dependencies:
  atompaynetznonaes: ^1.0.3
  webview_flutter: ^3.0.4

注意（Android）： 确保应用的最低API级别为19或更高。

使用方法

以下是创建支付演示的步骤：

第一步：在main.dart文件中添加以下代码

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

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

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Web Views',
      theme: ThemeData(
          primarySwatch: Colors.blue,
          fontFamily: "Arial",
          textTheme: const TextTheme(
              button: TextStyle(color: Colors.white, fontSize: 18.0),
              subtitle1: TextStyle(color: Colors.red))),
      home: const Home(),
    );
  }
}

第二步：创建home.dart文件并添加以下代码

// ignore: import_of_legacy_library_into_null_safe
import 'package:atompaynetznonaes/atompaynetznonaes.dart';
import 'package:flutter/material.dart';
import 'web_view_container.dart';

class Home extends StatelessWidget {
  // 测试UAT时可尝试以下内容
  final login = "197"; // 必填
  final pass = 'Test@123'; // 必填
  final prodid = 'NSE'; // 必填
  final requesthashKey = 'KEY123657234'; // 必填
  final responsehashKey = 'KEYRESP123657234'; // 必填

  final amt = '10.00'; // 必填
  final username = 'test user'; // 可选
  final mobile = '8888888888'; // 可选
  final email = 'test@gmail.com'; // 可选
  final address = 'mumbai'; // 可选
  final date = '12/06/2022 16:50:00'; // 必填，当前交易日期应与此格式匹配
  final txnid = '123456'; // 必填，每次应唯一
  final custacc = '0'; // 必填
  final clientcode = "NAVIN"; // 必填
  final udf9 = "testdata1,testdata2,testdata3"; // 可选，可以发送逗号分隔的数据
  final mode = 'uat'; // 必填，生产环境切换为live

  const Home({Key? key}) : super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Atom Paynetz Sample App'),
      ),
      body: Center(
        child: Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            ElevatedButton(
              onPressed: () => _handleURLButtonPress(context, responsehashKey),
              child: const Text('Open'),
            ),
          ],
        ),
      ),
    );
  }

  void _handleURLButtonPress(BuildContext context, String responsehashKey) {
    Navigator.push(
        context,
        MaterialPageRoute(
            builder: (context) => WebViewContainer(getUrl(), responsehashKey)));
  }

  getUrl() {
    var atompaynetznonaes = AtomPaynetzNonAes(
        login: login,
        pass: pass,
        prodid: prodid,
        amt: amt,
        username: username,
        mobile: mobile,
        email: email,
        address: address,
        date: date,
        clientcode: clientcode,
        txnid: txnid,
        custacc: custacc,
        udf9: udf9,
        requesthashKey: requesthashKey,
        responsehashKey: responsehashKey,
        mode: mode);
    var urlToSend = atompaynetznonaes.getUrl();
    return urlToSend;
  }
}

第三步：创建web_view_container.dart文件并添加以下代码

// ignore: import_of_legacy_library_into_null_safe
import 'package:atompaynetznonaes/atompaynetznonaes.dart';
import 'package:flutter/material.dart';
// ignore: import_of_legacy_library_into_null_safe
import 'package:webview_flutter/webview_flutter.dart';

class WebViewContainer extends StatefulWidget {
  final url;
  final resHashKey;
  WebViewContainer(this.url, this.resHashKey);
  [@override](/user/override)
  createState() => _WebViewContainerState(this.url, this.resHashKey);
}

class _WebViewContainerState extends State<WebViewContainer> {
  final _url;
  final _resHashKey;
  final _key = UniqueKey();
  late WebViewController _controller;

  _WebViewContainerState(this._url, this._resHashKey);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          backgroundColor: Colors.transparent,
          automaticallyImplyLeading: false,
          elevation: 0,
          toolbarHeight: 2,
        ),
        body: Column(
          children: [
            Expanded(
                child: WebView(
              key: _key,
              javascriptMode: JavascriptMode.unrestricted,
              onWebViewCreated: (controller) {
                _controller = controller;
              },
              initialUrl: _url,
              onPageFinished: (String url) async {
                if (url.contains('/mobilesdk/param')) {
                  // 获取最终响应
                  final response = await _controller.runJavascriptReturningResult(
                      "(function() { let htmlH5 = document.getElementsByTagName('h5')[0].innerHTML; return htmlH5; })();");

                  List responseArray = [];
                  var responseMap = {};

                  // 解析返回数据
                  var splitRawResponse =
                      response.trim().split('|').map((text) => text).toList();
                  for (var i = 0; i < splitRawResponse.length; i++) {
                    if (splitRawResponse[i].isNotEmpty && splitRawResponse[i].length > 2) {
                      var splitNewResponse = splitRawResponse[i]
                          .trim()
                          .split('=')
                          .map((text) => text)
                          .toList();
                      responseArray.add(splitNewResponse);
                    }
                  }

                  // 构建键值对映射
                  for (var i = 0; i < responseArray.length; i++) {
                    responseMap[responseArray[i][0]] = responseArray[i][1];
                  }

                  // 验证签名
                  var atompaynetznonaes = VerifyTransaction();
                  var checkFinalTransaction = atompaynetznonaes
                      .validateSignature(responseMap, _resHashKey);
                  var transactionResult = "";

                  if (checkFinalTransaction) {
                    if (responseMap['f_code'] == 'success_00' || responseMap['f_code'] == 'Ok') {
                      transactionResult = "success";
                    } else if (responseMap['f_code'] == 'C_06' || responseMap['f_code'] == 'C') {
                      transactionResult = "cancelled";
                    } else {
                      transactionResult = "failed";
                    }
                  } else {
                    // ignore: avoid_print
                    print("签名不匹配");
                    transactionResult = "failed";
                  }

                  // 显示结果
                  Navigator.pop(context); // 关闭当前窗口
                  ScaffoldMessenger.of(context).showSnackBar(SnackBar(
                      content: Text("交易状态 = $transactionResult")));
                }
              },
              gestureNavigationEnabled: true,
            ))
          ],
        ));
  }
}