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

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

José Luis Zapata

Опубликовано: 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() , вы можете уверенно создавать возможности аутентификации, которые работают на различных устройствах и браузерах.

Начать изучение

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

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