-
Определяем кнопку
<button id="btn">Open KYC Widget</button>и обработчик события клика -
Подключаем скрипт в теге
<script src=""> </script>перед закрывающимся тегом</body> -
Ниже определяем код интеграции:
- schemaId: уникальный идентификатор схемы, который необходимо получить в личном кабинете пользователя в разделе «KYC/AML» (обязательно);
- clientKey: ключ клиента это любая строка, максимальной длины 36 символов, определяемая клиентом в зависимости от его бизнес-логики (обязательно);
- debug:
true | falseрежим отладки, по умолчаниюfalse(не обязательно); - closeCb:
callback funcзакрытия виджета (не обязательно);
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 btn = document.getElementById("btn");
const openWidget = () => {
window.KYCWidget.setupKYC({
schemaId: "SCHEMA_ID",
clientKey: "CLIENT_KEY",
debug: true,
closeCb: () => {}
});
};
btn.addEventListener("click", openWidget);
</script>
</body>
-
Установка npm package:
npm i kyc-widget-nv -
Импорт в приложение:
import { KycWidget } from "kyc-widget-nv" -
Определяем стейт
true/falseотображения виджета:const [isOpen, setIsOpen] = useState(false) -
Определяем кнопку
<button onClick={() => setIsOpen(true)}>Open</button>и обработчик события клика -
Пропсы передаваемые в компонент виджета:
- schemaId: уникальный идентификатор схемы, который необходимо получить в личном кабинете пользователя в разделе «KYC/AML» (обязательно);
- clientKey: ключ клиента это любая строка, максимальной длины 36 символов, определяемая клиентом в зависимости от его бизнес-логики (обязательно);
- isOpen:
booleanзначение (обязательно); - closeCb:
callback funcзакрытия виджета (обязательно); - debug:
true / falseрежим отладки, по умолчаниюfalse(не обязательно);
File: App.js
import { useState } from "react";
import { KycWidget } from "kyc-widget-nv";
function App() {
const [isOpen, setIsOpen] = useState(false);
return (
<>
<button onClick={() => setIsOpen(true)}>Open</button>
<KycWidget
schemaId="SCHEMA_ID"
clientKey="CLIENT_KEY"
isOpen={isOpen}
closeCb={() => setIsOpen(false)}
debug={true}
/>
</>
);
}
export default App;
Для прохождения верификации возможно воспользоваться сервисом https://kyc.neuro-vision.ru
При переходе по ссылке приведенной ниже создается сессия
https://kyc.neuro-vision.ru/schemaId/clientKey
- schemaId - уникальный идентификатор схемы, который необходимо получить в личном кабинете пользователя в разделе «KYC/AML»;
- clientKey - ключ клиента это любая строка, максимальной длины 36 символов, определяемая клиентом в зависимости от его бизнес-логики;