Flutter集成PrestoNesto ShuftiPro SDK插件的使用

Flutter集成PrestoNesto ShuftiPro SDK插件的使用

在本文中，我们将详细介绍如何在Flutter应用中集成PrestoNesto ShuftiPro SDK。有关SDK的详细文档和完整的集成指南，请参阅ShuftiPro官方文档。

示例代码

以下是完整的示例代码，展示了如何在Flutter应用中集成PrestoNesto ShuftiPro SDK。

import 'package:flutter/material.dart';
import 'package:prestonesto_shuftipro_sdk/prestonesto_shuftipro_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": "http://www.example.com",
    "redirect_url": "https://www.mydummy.package_sample.com/",
    "show_consent": 1,
    "show_privacy_policy": 1,
    "allow_offline": "1",
    "allow_online": "1",
    "verification_mode": "image_only",
    "face": {},
    "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",
    },
  };

  // 配置SDK选项
  Map<String, Object> configObj = {
    "open_webview": false,
    "asyncRequest": false,
    "captureEnabled": false,
    "dark_mode": false,
    "show_requirement_page": true,
    "font_color": "#263B54",
    "button_text_color": "#FFFFFF",
    "button_background_color": "#1F5AF6"
  };

  /*
   * 此函数发送调用到Shuftipro的Flutter插件
   * 并接收响应
   */
  Future<void> initPlatformState() async {
    String response = "";
    try {
      response = await ShuftiproSdk.sendRequest(
          authObject: authObject,
          createdPayload: createdPayload,
          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',
                  ),
                ),
              ),
            ),
          ),
        ));
  }
}

说明

1. 导入库：首先，我们需要导入必要的库。

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

2. 设置客户端ID和密钥：

   String clientId = ""; 
   String secretKey = ""; 
   

3. 初始化应用：

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

4. 创建主应用类：

   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(),
       );
     }
   }
   

5. 创建主页状态类：

   class MyHomePage extends StatefulWidget {
     const MyHomePage({Key? key}) : super(key: key);
   
     [@override](/user/override)
     State<MyHomePage> createState() => _MyHomePageState();
   }
   

6. 配置请求参数和SDK选项：

   var authObject = {
     "auth_type": "basic_auth",
     "client_id": clientId,
     "secret_key": secretKey,
   };
   
   Map<String, Object> createdPayload = {
     // 请求参数配置
   };
   
   Map<String, Object> configObj = {
     // SDK选项配置
   };
   

7. 发送请求并处理响应：

   Future<void> initPlatformState() async {
     String response = "";
     try {
       response = await ShuftiproSdk.sendRequest(
           authObject: authObject,
           createdPayload: createdPayload,
           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;
   }
   

8. 点击监听器以启动SDK流程：

   void continueFun() {
     var v = DateTime.now();
     var reference = "package_sample_Flutter_$v";
     createdPayload["reference"] = reference;
     initPlatformState();
   }
   

9. 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',
                   ),
                 ),
               ),
             ),
           ),
         ));
   }