Упрощение обнаружения функции WebAuthn для ключей доступа

Узнайте, как обнаружить возможности WebAuthn с помощью getClientCapabilities() и настроить рабочие процессы аутентификации для ваших пользователей.

Хосе Луис Сапата

Опубликовано: 22 января 2025 г.

Как можно обеспечить безупречную адаптацию рабочих процессов аутентификации к браузерам и устройствам ваших пользователей?

Начиная с Chrome 133 , API getClientCapabilities() WebAuthn поможет вам определить, какие функции аутентификации поддерживаются браузером. Вызывая PublicKeyCredential.getClientCapabilities() , разработчики могут получить список поддерживаемых возможностей и соответствующим образом адаптировать рабочие процессы аутентификации.

Это усовершенствование позволяет разработчикам создавать более надежные и удобные потоки аутентификации, адаптированные к среде их пользователей.

Вот как это можно реализовать:

if (window.PublicKeyCredential &&
    PublicKeyCredential.getClientCapabilities) {
  const capabilities = await PublicKeyCredential.getClientCapabilities();
  if (capabilities.conditionalGet === true &&
      capabilities.passkeyPlatformAuthenticator === true) {
    // The browser supports passkeys and conditional mediation.
  }
}

Этот метод помогает вам адаптировать процесс аутентификации для пользователей, определяя поддерживаемые возможности, такие как пароли, условное посредничество (автоматическое заполнение паролей в диалоговых окнах), гибридный транспорт (аутентификация между устройствами с использованием Bluetooth) и даже расширения.

Почему важно обнаружение признаков

Понимание возможностей клиента позволяет вам:

  • Обеспечьте более удобный пользовательский интерфейс и повысьте надежность аутентификации, адаптировав свою реализацию к поддерживаемым функциям клиента.
  • Уменьшение количества ошибок, вызванных неподдерживаемыми возможностями WebAuthn.

Используя getClientCapabilites() , вы можете уверенно создавать процессы аутентификации, работающие на различных устройствах и в различных браузерах.

Начать исследование

Если вы готовы окунуться в тему, вы можете ознакомиться с более простым обнаружением функций WebAuthn с помощью getClientCapabilities() где вы найдете полный список возможностей, подробные инструкции и некоторые передовые методы.

Чтобы узнать больше о ключах доступа и входе без пароля, посетите страницу Ключи доступа Chrome.