🖥️Web-SDK

1. Пример подключения в JavaScript приложение

Определяем кнопку <button id="btn">Open KYC Widget</button> и обработчик события клика
Подключаем скрипт в теге <script src=""> </script> перед закрывающимся тегом </body>
Ниже определяем код интеграции:
- schemaId: уникальный идентификатор схемы(обязательно);
- clientKey: ключ клиента (опционально)

File: index.html

  <body>
    <button id="btn">Open KYC Widget</button>

    <!-- Подключение скрипта -->
    <script src="https://kyc.neuro-vision.ru/lib/widget-lib.js"></script>

    <!-- Пример запуска виджета-->
    <script>
      const schemaId = "SCHEMA_ID";
      const clientKey = "CLIENT_KEY";

      const btn = document.getElementById("btn");

      const openWidget = () => {
        window.KYCWidget.setupKYC({
          schemaId: schemaId,
          clientKey: clientKey
        });
      };

      btn.addEventListener("click", openWidget);
    </script>
  </body>

2. Пример подключения в React приложение

Установка npm package: npm i kyc-widget
Импорт в приложение: import { KycWidget } from "kyc-widget"
Определяем стейт true/false отображения виджета: const [isOpen, setIsOpen] = useState(false)
Определяем кнопку <button onClick={() => setIsOpen(true)}>Open</button> и обработчик события клика
Пропсы передаваемые в компонент виджета:
- schemaId: уникальный идентификатор схемы(обязательно);
- clientKey: ключ клиента (опционально);
- isOpen: boolean значение (обязательно);
- closeCb: callback func закрытия виджета (обязательно);

File: App.js

import { useState } from "react";
import { KycWidget } from "kyc-widget";

function App() {
  const [isOpen, setIsOpen] = useState(false);

  const schemaId = "SCHEMA_ID";
  const clientKey = "CLIENT_KEY";

  return (
    <>
      <button onClick={() => setIsOpen(true)}>Open</button>

      <KycWidget
        schemaId={schemaId}
        clientKey={clientKey}
        isOpen={isOpen}
        closeCb={() => setIsOpen(false)}
      />
      
    </>
  );
}

export default App;

3. Получение clientKey на стороне бэкенда клиента

const crypto = require('crypto');

let clientKey = 'anyString'; // 36 characters max
const password = 'scenarioSecretKey';
const key = crypto.createHash('sha256').update(password).digest('hex').substr(0, 32);
let iv = crypto.randomBytes(16);
const cipher = crypto.createCipheriv('aes-256-cbc', key, iv);
clientKey = Buffer.concat([iv, cipher.update(clientKey), cipher.final()]).toString('base64');
console.log(`Encrypted & Base64: ${clientKey}`);

KYC Ошибки →

PreviousРаспознаваемые документы NextСтек технологий

Last updated 1 year ago

hashtagKYC Widget

hashtag1. Пример подключения в JavaScript приложение

hashtag2. Пример подключения в React приложение

hashtag3. Получение clientKey на стороне бэкенда клиента

KYC Widget

1. Пример подключения в JavaScript приложение

2. Пример подключения в React приложение

3. Получение clientKey на стороне бэкенда клиента