Flutter支付集成插件flutter_hl_vnpay的使用

Flutter支付集成插件flutter_hl_vnpay的使用

flutter_hl_vnpay 是一个用于 Flutter 的VNPay插件，帮助开发者构建现代多平台应用。

开始使用

iOS

在 ios/Runner/Info.plist 文件中添加以下配置：

<key>NSAppTransportSecurity</key>
<dict>
    <key>NSAllowsArbitraryLoads</key>
    <true/>
    <key>NSAllowsArbitraryLoadsInWebContent</key>
    <true/>
</dict>

<key>CFBundleURLTypes</key>
<array>
    <dict>
        <key>CFBundleTypeRole</key>
        <string>Editor</string>
        <key>CFBundleURLName</key>
        <string>com.hlsolutions.hoishipper</string>
        <key>CFBundleURLSchemes</key>
        <array>
            <string>hlsolutions</string>
        </array>
    </dict>
</array>

Android

使用步骤

1. 添加依赖

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

dependencies:
  flutter_hl_vnpay: ^2.0.1
  crypto: 2.1.5

2. 获取依赖

运行命令以获取依赖项：

$ flutter pub get

3. 导入库

在 Dart 代码中导入以下库：

import 'package:flutter/services.dart';
import 'package:flutter_hl_vnpay/flutter_hl_vnpay.dart';
import 'package:crypto/crypto.dart';

4. 使用VNPay

以下是一个完整的示例，展示了如何使用 flutter_hl_vnpay 插件进行支付：

import 'package:flutter/material.dart';
import 'dart:convert';
import 'dart:async';

import 'package:flutter/services.dart';
import 'package:flutter_hl_vnpay/flutter_hl_vnpay.dart';
import 'package:crypto/crypto.dart';

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

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

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

  [@override](/user/override)
  void initState() {
    super.initState();
  }

  // 平台消息是异步的，所以我们初始化在一个异步方法中。
  _onBuyCoinPressed() async {
    String paymentResultCodeCode;
    // 平台消息可能会失败，所以我们使用 try/catch PlatformException。
    try {
      String url = 'http://sandbox.vnpayment.vn/paymentv2/vpcpay.html';
      String tmnCode = 'SOLUTION'; // 从VNPay获取
      String hashKey = 'VQWLEXBMLOWVLSCJWRBCIOFRPTOROYCQ'; // 从VNPay获取

      final params = <String, dynamic>{
        'vnp_Command': 'pay',
        'vnp_Amount': '3000000',
        'vnp_CreateDate': '20210315151908',
        'vnp_CurrCode': 'VND',
        'vnp_IpAddr': '192.168.15.102',
        'vnp_Locale': 'vn',
        'vnp_OrderInfo': '5fa66b8b5f376a000417e501 pay coin 30000 VND',
        'vnp_ReturnUrl': 'https://hl-solutions.vercel.app/orders/order-return', // 您的服务器 https://sandbox.vnpayment.vn/apis/docs/huong-dan-tich-hop/#code-returnurl
        'vnp_TmnCode': tmnCode,
        'vnp_TxnRef': DateTime.now().millisecondsSinceEpoch.toString(),
        'vnp_Version': '2.0.0'
      };

      final sortedParams = FlutterHlVnpay.instance.sortParams(params);
      final hashDataBuffer = new StringBuffer();
      sortedParams.forEach((key, value) {
        hashDataBuffer.write(key);
        hashDataBuffer.write('=');
        hashDataBuffer.write(value);
        hashDataBuffer.write('&');
      });
      final hashData = hashDataBuffer.toString().substring(0, hashDataBuffer.length - 1);
      final query = Uri(queryParameters: sortedParams).query;
      print('hashData = $hashData');
      print('query = $query');

      var bytes = utf8.encode(hashKey + hashData.toString());
      final vnpSecureHash = sha256.convert(bytes);
      final paymentUrl = "$url?$query&vnp_SecureHashType=SHA256&vnp_SecureHash=$vnpSecureHash";
      print('paymentUrl = $paymentUrl');
      paymentResultCodeCode = (await FlutterHlVnpay.instance.show(paymentUrl: paymentUrl, tmnCode: tmnCode, scheme: 'hlsolutions')).toString();
    } on PlatformException {
      paymentResultCodeCode = 'Failed to get payment result code';
    }

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

    setState(() {
      _paymentResultCodeCode = paymentResultCodeCode;
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('插件示例应用'),
        ),
        body: Center(
          child: Column(
            children: [
              Text('结果码: $_paymentResultCodeCode\n'),
              RaisedButton(
                onPressed: this._onBuyCoinPressed,
                child: Text('10.000 VND'),
              )
            ],
          ),
        ),
      ),
    );
  }
}