WebAuthn: эмуляция аутентификаторов

Фаваз Мохаммед
Fawaz Mohammad
София Емельянова
Sofia Emelianova

Используйте вкладку WebAuthn в Chrome DevTools для создания и взаимодействия с программными виртуальными аутентификаторами.

Откройте вкладку WebAuthn.

  1. Посетите страницу, использующую WebAuthn, например нашу демонстрационную страницу (войдите в систему, чтобы получить доступ к странице).
  2. Откройте Инструменты разработчика .
  3. Нажмите «Дополнительные параметры». Более > Дополнительные инструменты > WebAuthn , чтобы открыть вкладку WebAuthn.

Вкладка ВебАутн

Включите среду виртуальной аутентификации

  1. На вкладке WebAuthn установите флажок Включить среду виртуальной аутентификации .
  2. После включения появится раздел «Новый аутентификатор» .

Включить среду виртуальной аутентификации

Добавить виртуальный аутентификатор

Чтобы добавить новый виртуальный аутентификатор:

  1. В разделе Новый аутентификатор настройте следующие параметры:

    1. Протокол : ctap2 (протокол клиент-аутентификатор) или u2f (универсальный 2-й фактор)
    2. Транспорт : usb , nfc , ble или internal
    3. Поддерживает резидентные ключи
    4. Поддерживает проверку пользователя
    5. Поддерживает большие BLOB-объекты , доступно только для протокола ctap2 с поддержкой резидентных ключей.

    Например:

    Добавление нового виртуального аутентификатора.

  2. Нажмите кнопку Добавить .

  3. Теперь вы можете увидеть раздел с вашим недавно созданным аутентификатором. Аутентификатор

Раздел «Аутентификатор» включает таблицу учетных данных . Таблица пуста, пока учетные данные не будут зарегистрированы в аутентификаторе.

Нет учетных данных

Зарегистрируйте новые учетные данные

Чтобы зарегистрировать новые учетные данные, вам необходимо иметь веб-страницу, использующую WebAuthn, например, нашу демонстрационную страницу .

  1. На демонстрационной странице нажмите Зарегистрировать новые учетные данные .
  2. Новые учетные данные теперь добавляются в таблицу «Учетные данные» на вкладке WebAuthn.

Просмотр учетных данных

На демонстрационной странице вы можете нажать кнопку «Аутентификация» несколько раз. Обратите внимание на таблицу учетных данных . Количество знаков учетных данных соответственно увеличится.

Экспорт и удаление учетных данных

Вы можете экспортировать или удалить учетные данные, нажав кнопки «Экспорт» или «Удалить» .

Экспортировать или удалить учетные данные

Переименование аутентификатора

  1. Чтобы переименовать аутентификатор, нажмите кнопку «Изменить» рядом с именем аутентификатора.
  2. Отредактируйте имя, затем нажмите Enter , чтобы сохранить изменения.

Переименование аутентификатора

Активировать аутентификатор

Вновь созданный аутентификатор автоматически становится активным. DevTools поддерживает только один активный виртуальный аутентификатор в любой момент времени.

Чтобы деактивировать аутентификацию, удалите текущий активный аутентификатор.

Чтобы активировать аутентификатор, выберите его переключатель «Активный» .

Установить активный аутентификатор

Удаление виртуального аутентификатора

Чтобы удалить виртуальный аутентификатор, нажмите его кнопку «Удалить» .

Удалить аутентификатор