Verilive DevTool: веб-страница для проверки сервиса живости и подготовки к интеграции JS-библиотеки Verilive версии 2. Инструмент наглядно демонстрирует этапы подключения с примерами кода и структур данных, с которыми предстоит работать разработчику, что позволяет грамотно спланировать и отладить процесс внедрения.
С помощью Verilive DevTool вы сможете избежать распространенных «подводных камней», исключить риск неправильной настройки и протестировать различные сценарии использования библиотеки в реальном времени.
Эта страница входит в состав дистрибутива, передаваемого при развертывании системы на вашей инфраструктуре. Уточните точный URL-адрес (или путь к ней) у вашего системного администратора.
Веб-страница разделена на три условные зоны:
Бэкенд-зона: демонстрирует действия, выполняемые на стороне сервера: создание новой сессии с заданными параметрами (person_id, attempts_left) и получение деталей сессии. В правой части расположен блок логов, показывающий детали запросов и серверные ответы, данные из которых затем передаются на фронтенд.
Фронтенд-зона: показывает этапы настройки и работы клиентской JS-библиотеки. В соседнем блоке логов отображаются клиентские вызовы, промежуточные события и финальные результаты работы SDK.
Зона демонстрации (Liveness): интерактивный контейнер (область монтирования виджета), где наглядно визуализируется пользовательский интерфейс. Здесь можно протестировать полный сценарий прохождения проверки живости в реальном времени так, как его видит конечный пользователь вашего сервиса.
Откройте DevTool и заполните API URL, Test API Key, SDK Base URL, JS SDK URL. Укажите person_id тестового пользователя: случайное значение длиной не менее 6 символов.
[Backend] Нажмите Create a New Session. В окне логов появятся запрос, ответ API и данные созданной сессии.
В рамках данной тестовой страницы эти данные автоматически доступны для инициализации JS-библиотеки.
В реальной интеграции эти данные необходимо передать на фронтенд для инициализации JS-библиотеки.
[Frontend] Нажмите Init SDK, чтобы загрузить JavaScript-файл и инициализировать SDK. Пример кода инициализации и диагностические сообщения появятся в окне логов.
[Frontend] Нажмите Start Liveness, разрешите доступ к камере и выполните инструкции проверки живости. Изучите результат и логи.
На фронтенде вы получаете лишь информацию о том, что процесс завершен. Чтобы получить окончательный вердикт (пропускать или не пропускать), необходимо обратиться к бэкенду.
Никогда не принимайте решение на фронтенде. Переводите клиента на следующий шаг только после проверки результата на бэкенде.
[Backend] Кнопка Get Session Result запрашивает серверный результат. Изучите структуру данных в окне логов.
Поле | Назначение |
|---|---|
| Адрес API создания сессии и получения серверного результата, приватный |
| Тестовый ключ для запросов к приватному API |
| Адрес сервиса, с которым WebSDK взаимодействует во время проверки; передается в |
| Адрес JavaScript-файла, который загружает страница, публичный |
| Число попыток прохождения проверки живости в случае неудачи |
| Буквенно-цифровой идентификатор пользователя, который проходит проверку (минимальная длина 6 символов) |
| Каждая попытка прохождения проверки живости имеет уникальный идентификатор сессии ( |
