Flutter支付集成插件basispaysdk的使用

Flutter支付集成插件basispaysdk的使用

本文档描述了如何在Flutter应用中集成BasisPay在线支付网关插件。此支付网关通过减少用户操作来执行在线支付交易。它接收支付详情作为输入，并处理支付流程。最后将支付响应返回给用户。用户需要手动将其框架导入项目中以使用它。

需求

• iOS 11.0+
• Xcode 11.0+
• Swift 5.0+
• Android最小SDK版本 - 21

首先从BasisPay获取凭证

插件仅在使用API密钥时有效。

ANDROID

步骤1： 进入您的应用的android文件夹并打开build.gradle文件。

allprojects {
    repositories {
        ...
        maven { url 'https://jitpack.io' }
    }
}

步骤2： 进入您的android/app/src/main/res/values 和 android/app/src/main/res/values-night 文件夹，并在两个文件夹中创建名为colors.xml的文件。

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">#3F51B5</color>
    <color name="colorPrimaryDark">#303F9F</color>
    <color name="colorAccent">#FF4081</color>
</resources>

开始支付

Future<void> initPlatformState() async {
  // 支付请求字典
  Map<String, dynamic> paymentRequestDictionary = {
    "orderId": "8349574023489",
    "amount": "6000",
    "currency": "INR",
    "description": "YYYYYY",
    "name": "XXXXXXX",
    "email": "YYYYYYY",
    "phone": "ZZZZZZZZ",
    "addressLine1": "XXXXX",
    "addressLine2": "XXXXX",
    "city": "XXXXX",
    "state": "YYYYY",
    "country": "XXXXX",
    "zipCode": "YYYYY",
    "udf1": "udf1",
    "udf2": "udf2",
    "udf3": "udf3",
    "udf4": "Testing4",
    "udf5": "Testing5",
  };
  try {
    // 调用Basispaysdk的startTransaction方法
    var response = await Basispaysdk.startTransaction(
      "[API-KEY From Basispay team]", // API密钥
      "[SALT-KEY From Basispay team]", // 盐值密钥
      "[YOUR-RETURN-URL to get the response]", // 回调URL
      true, // 检查
      paymentRequestDictionary,
      false);

    // 处理响应
    response.then((value) {
      print(value);
    }).catchError((onError) {
      if (onError is PlatformException) {
        setState(() {
          print(onError.message + " \n  " + onError.details.toString());
        });
      } else {
        setState(() {
          print(onError.toString());
        });
      }
    });
  } catch (err) {
    print(err.message);
  }
}

示例代码

以下是完整的示例代码：

import 'package:flutter/material.dart';
import 'dart:async';
import 'package:flutter/services.dart';
import 'package:basispaysdk/basispaysdk.dart';

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

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

class _MyAppState extends State<MyApp> {
  [@override](/user/override)
  void initState() {
    super.initState();
  }

  Future<void> initPlatformState() async {
    // 支付请求字典
    Map<String, dynamic>? paymentRequestDictionary = {
      "orderId": "82734679243453",
      "amount": "200",
      "currency": "INR",
      "description": "YYYYYY",
      "name": "XXXXXXX",
      "email": "XXXXXX",
      "phone": "ZZZZZZZZ",
      "addressLine1": "XXXXX",
      "addressLine2": "XXXXX",
      "city": "XXXXX",
      "state": "YYYYY",
      "country": "XXXXX",
      "zipCode": "YYYYY",
      "udf1": "udf1",
      "udf2": "udf2",
      "udf3": "udf3",
      "udf4": "Testing4",
      "udf5": "Testing5",
    };

    try {
      // 调用Basispaysdk的startTransaction方法
      var response = await Basispaysdk.startTransaction(
        "[API-KEY From Basispay team]", // API密钥
        "[SALT-KEY From Basispay team]", // 盐值密钥
        "[YOUR-RETURN-URL to get the response]", // 回调URL
        true, // 检查
        paymentRequestDictionary);
      
      // 处理响应
      response.then((value) {
        print(value);
      }).catchError((onError) {
        if (onError is PlatformException) {
          setState(() {
            print(onError.message! + " \n  " + onError.details.toString());
          });
        } else {
          setState(() {
            print(onError.toString());
          });
        }
      });
    } catch (err) {
      print(err.toString());
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('BasisPay示例应用'),
        ),
        body: Center(
          child: Column(
            children: [
              ElevatedButton(
                onPressed: () {
                  setState(() {
                    initPlatformState(); // 触发支付流程
                  });
                },
                child: Text("开始网页支付"),
              )
            ],
          ),
        ),
      ),
    );
  }
}