Semplificazione del rilevamento delle funzionalità WebAuthn per le passkey

Scopri come rilevare le funzionalità WebAuthn con getClientCapabilities() e personalizzare i flussi di lavoro di autenticazione per i tuoi utenti.

Data di pubblicazione: 22 gennaio 2025

Come puoi assicurarti che i tuoi flussi di lavoro di autenticazione si adattino perfettamente ai browser e ai dispositivi dei tuoi utenti?

A partire da Chrome 133, l'getClientCapabilities() API WebAuthn è disponibile per aiutarti a determinare quali funzionalità di autenticazione sono supportate da un browser. Chiamando PublicKeyCredential.getClientCapabilities(), gli sviluppatori possono recuperare un elenco delle funzionalità supportate e adattare di conseguenza i flussi di lavoro di autenticazione.

Questo miglioramento consente agli sviluppatori di creare flussi di autenticazione più affidabili e intuitivi, personalizzati in base agli ambienti degli utenti.

Ecco come implementarlo:

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

Questo metodo ti consente di personalizzare le esperienze di autenticazione per gli utenti identificando le funzionalità supportate come le passkey, la mediazione condizionale (compilazione automatica delle passkey nelle finestre di dialogo), il trasporto ibrido (autenticazione cross-device tramite Bluetooth) e persino le estensioni.

Perché il rilevamento di funzionalità è importante

Comprendere le funzionalità del client ti consente di:

  • Crea esperienze utente più fluide e migliora l'affidabilità dell'autenticazione adattando l'implementazione alle funzionalità supportate dal client.
  • Riduci gli errori causati da funzionalità WebAuthn non supportate.

Utilizzando getClientCapabilites(), puoi creare in tutta sicurezza esperienze di autenticazione che funzionino su diversi dispositivi e browser.

Inizia a esplorare

Se vuoi iniziare subito, consulta Rilevamento più semplice delle funzionalità WebAuthn congetClientCapabilities() per un elenco completo delle funzionalità, istruzioni dettagliate e alcune best practice.

Per scoprire di più sulle passkey e sull'accesso senza password, visita la pagina Passkey di Chrome.