Flutter插件kycdd的特性与使用方法详解

Flutter插件kycdd的特性

该插件可以帮助KYCdd客户更好地将他们的Flutter应用程序与客户入职流程集成。

开始使用Flutter插件kycdd

该插件使用了flutter_inappwebview, permission_handler, file_picker 和 http 包来帮助你创建和编辑客户信息。

使用方法

首先，通过调用Kycdd.config(apiKey:)设置工作流ID和API密钥。你可以使用以下代码片段来实现这一操作：

void _configure() {
  Kycdd.config(
    apiKey: _apiKeyController.text,
    workflowID: _workflowIDController.text,
  );
}

接下来，你可以创建一个客户，使用Kycdd.createClient(customID: _customIDController.text)函数。customID 是可选参数，如果未提供，则该函数会返回由KYCdd提供的client_id。这两个ID都可以用于请求客户信息。

你可以查看example/kycdd_example.dart文件以了解如何实现WebView并打开数据流以接收来自KYCdd的数据。

完整示例代码

以下是完整的示例代码，展示了如何配置和创建客户，并在Web视图中显示结果：

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

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HomeScreen(),
    );
  }
}

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

class _HomeScreenState extends State<HomeScreen> {
  final TextEditingController _apiKeyController = TextEditingController();
  final TextEditingController _workflowIDController = TextEditingController();
  final TextEditingController _customIDController = TextEditingController();
  String? _clientId;
  String? _receivedData;

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

    // 监听数据流
    Kycdd.dataStream.listen((data) {
      setState(() {
        _receivedData = data;
      });
    });
  }

  // 配置插件
  void _configure() {
    Kycdd.config(
      apiKey: _apiKeyController.text,
      workflowID: _workflowIDController.text,
    );
  }

  // 创建客户
  Future<void> _createClient() async {
    try {
      final clientId = await Kycdd.createClient(
        customID: _customIDController.text,
      );
      setState(() {
        _clientId = clientId;
      });

      if (clientId != null) {
        // 导航到WebView并等待结果
        await Navigator.of(context).push(
          MaterialPageRoute(
            builder: (context) => Kycdd.webView(clientId, context),
          ),
        );
      }
    } catch (e) {
      ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(content: Text('Failed to create client: $e')),
      );
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('我的Flutter插件测试应用'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            TextField(
              controller: _apiKeyController,
              decoration: InputDecoration(labelText: 'API密钥'),
            ),
            TextField(
              controller: _workflowIDController,
              decoration: InputDecoration(labelText: '工作流ID'),
            ),
            TextField(
              controller: _customIDController,
              decoration: InputDecoration(labelText: '自定义ID（可选）'),
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: () {
                _configure();
                _createClient();
              },
              child: Text('配置并创建客户'),
            ),
            if (_receivedData != null) ...[
              SizedBox(height: 20),
              Text('接收到的数据: $_receivedData'),
            ],
          ],
        ),
      ),
    );
  }
}