Upraszczanie wykrywania funkcji WebAuthn w przypadku kluczy dostępu

Dowiedz się, jak wykrywać możliwości WebAuthn za pomocą getClientCapabilities() i dostosowywać procesy uwierzytelniania do potrzeb użytkowników.

Data publikacji: 22 stycznia 2025 r.

Jak możesz zapewnić, aby procesy uwierzytelniania dostosowywały się automatycznie do przeglądarek i urządzeń użytkowników?

Od wersji Chrome 133 interfejs getClientCapabilities()WebAuthn API pomaga określić, które funkcje uwierzytelniania są obsługiwane przez przeglądarkę. Wywołując funkcję PublicKeyCredential.getClientCapabilities(), deweloperzy mogą pobrać listę obsługiwanych funkcji i odpowiednio dostosować przepływy pracy związane z uwierzytelnianiem.

To ulepszenie umożliwia deweloperom tworzenie bardziej niezawodnych i przyjaznych dla użytkownika procesów uwierzytelniania dostosowanych do środowisk użytkowników.

Aby to zrobić:

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

Ta metoda pomaga dostosować proces uwierzytelniania do potrzeb użytkowników, identyfikując obsługiwane funkcje, takie jak klucze dostępu, pośrednictwo warunkowe (autouzupełnianie kluczy dostępu w dialogach), transport hybrydowy (uwierzytelnianie na różnych urządzeniach za pomocą Bluetooth), a nawet rozszerzenia.

Dlaczego wykrywanie funkcji jest ważne

Poznanie możliwości klienta pozwala:

  • Zadbaj o płynniejsze działanie aplikacji i zwiększ niezawodność uwierzytelniania, dostosowując implementację do obsługiwanych funkcji klienta.
  • Zmniejszenie liczby błędów spowodowanych nieobsługiwanymi funkcjami WebAuthn.

Dzięki getClientCapabilites() możesz tworzyć procesy uwierzytelniania, które działają na różnych urządzeniach i w różnych przeglądarkach.

Zacznij przeglądać

Jeśli chcesz zacząć, zapoznaj się z prostszym wykrywaniem funkcji WebAuthn za pomocą getClientCapabilities(), aby poznać pełną listę funkcji, szczegółowe instrukcje i niektóre zalecane metody.

Więcej informacji o kluczach dostępu i logowaniu bez hasła znajdziesz na stronie poświęconej kluczom dostępu w Chrome.