Flutter支付集成插件shuftipro_sadad_sdk的使用

Flutter支付集成插件shuftipro_sadad_sdk的使用

简介

Shuftipro 是一个提供身份验证服务的平台。本文将介绍如何在 Flutter 应用程序中集成 Shuftipro 的支付插件 shuftipro_sadad_sdk。

示例代码

以下是完整的示例代码，展示了如何在 Flutter 应用程序中集成 Shuftipro 支付插件。

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

// 在此处输入您的客户端ID和密钥
String clientId = ""; 
String secretKey = ""; 

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 Demo',
      theme: ThemeData(
          primarySwatch: Colors.blue,
          scaffoldBackgroundColor: Colors.white,
          fontFamily: 'OpenSans'),
      home: const MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({Key? key}) : super(key: key);

  [@override](/user/override)
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  var authObject = {
    "auth_type": "basic_auth",
    "client_id": clientId,
    "secret_key": secretKey,
  };
  Map<String, Object> createdPayload = {
    "country": "",
    "language": "EN",
    "email": "",
    "callback_url": "",
    "redirect_url": "",
    "show_consent": 1,
    "show_privacy_policy": 1,
    "verification_mode": "image_only",
    "face": {
      "proof": "",
    },
    "document": {
      "supported_types": [
        "passport",
        "id_card",
        "driving_license",
        "credit_or_debit_card",
      ],
      "name": {
        "first_name": "",
        "last_name": "",
        "middle_name": "",
      },
      "dob": "",
      "document_number": "",
      "expiry_date": "",
      "issue_date": "",
      "gender": "",
      "backside_proof_required": "0",
    },
  };
  Map<String, Object> configObj = {
    "base_url": "api.shuftipro.com",
    "show_requirement_page": false,
    "button_text_color": "#FFFFFF",
    "button_primary_color": "#8e1b3e",
    "button_secondary_color": "#8e1b3e",
    "icon_color": "#8e1b3e",
    "theme_color": "#8e1b3e",
    "loader_color": "#8e1b3e"
  };

  /*
   * 这个函数调用Shuftipro的Flutter插件
   * 并接收响应结果
   */
  Future<void> initPlatformState() async {
    String response = "";
    try {
      response = await ShuftiproSdk.sendRequest(
          authObject: authObject,
          createdPayload: createdPayload,
          configObject: configObj);

      // response = await ShuftiproSdk.registerRequest(clientId: "", customerId: "", configObject: configObj);

      var object = jsonDecode(response);
      ScaffoldMessenger.of(context).showSnackBar(SnackBar(
        content: Text(object.toString()),
      ));

      print(object.toString());
      print(object["event"].toString());
    } catch (e) {
      print(e);
    }
    if (!mounted) return;
  }

  /*
   * 点击事件监听器，开始SDK流程
   */
  void continueFun() {
    var v = DateTime.now();
    var reference = "package_sample_Flutter_$v";
    createdPayload["reference"] = reference;
    initPlatformState();
  }

  /*
   * 演示应用的UI
   */
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
        backgroundColor: Colors.white,
        body: Center(
          child: Container(
            margin: const EdgeInsets.all(10.0),
            child: OutlinedButton(
              onPressed: continueFun,
              style: OutlinedButton.styleFrom(backgroundColor: Colors.blueAccent),
              child: Container(
                alignment: Alignment.center,
                child: const Text(
                  "继续",
                  textAlign: TextAlign.center,
                  style: TextStyle(
                    fontWeight: FontWeight.bold,
                    color: Colors.white,
                    fontFamily: 'OpenSans',
                  ),
                ),
              ),
            ),
          ),
        ));
  }
}