WebAuthn: emula gli autori di autenticazione

Fawaz Mohammad

Jecelyn Yeen

Sofia Emelianova

Utilizza il riquadro WebAuthn per creare e interagire con gli autenticatori virtuali basati su software.

Panoramica

Il riquadro WebAuthn ti consente di aggiungere, rinominare e rimuovere gli autenticatori. Registra le credenziali, che sono come gli utenti, in un'app di autenticazione e monitora gli ID, gli handle utente e i conteggi delle firme durante il test.

Apri il riquadro WebAuthn

1. Visita una pagina che utilizza WebAuthn, come la nostra pagina dimostrativa (accedi per accedere alla pagina).
2. Apri DevTools.
3. Apri il menu Comando premendo:
   • macOS: Comando+Maiusc+P
   • Windows, Linux, ChromeOS: Ctrl+Maiusc+P
4. Inizia a digitare webauthn, seleziona Mostra WebAuthn e premi Invio.

In alternativa, nell'angolo in alto a destra, fai clic su Altre opzioni > Altri strumenti > WebAuthn per aprire il riquadro WebAuthn.

Attiva l'ambiente dell'autenticatore virtuale

1. Nel riquadro WebAuthn, fai clic per attivare la casella di controllo check_box Attiva l'ambiente dell'autenticatore virtuale.
2. Una volta attivata, viene visualizzata la sezione Nuovo authenticator.

Aggiungere un autenticatore virtuale

Per aggiungere un nuovo authenticator virtuale:

1. Nella sezione Nuovo authenticator, configura le seguenti opzioni:

   1. Protocollo: ctap2 (protocollo client to Authenticator) o u2f (Universal 2nd Factor)
   2. Trasporto: usb, nfc, ble o internal
   3. Supporta le chiavi residenti
   4. Supporta la verifica utente
   5. Supporta BLOB di grandi dimensioni, disponibile solo per il protocollo ctap2 con supporto delle chiavi residenti

   Ad esempio:

   

2. Fai clic sul pulsante Aggiungi.

3. Ora puoi vedere una sezione con l'autenticatore appena creato.

La sezione Authenticator include una tabella Credentials (Credenziali). La tabella è vuota finché non viene registrata una credenziale nell'autenticatore.

Registra una nuova credenziale

Per registrare una nuova credenziale, devi avere una pagina web che utilizzi WebAuthn, ad esempio la nostra pagina di dimostrazione.

1. Nella pagina di demo, fai clic su Registra nuova credenziale.
2. Una nuova credenziale viene ora aggiunta alla tabella Credenziali nel riquadro WebAuthn.

Nella pagina di demo, puoi fare clic sul pulsante Autentica più volte. Osserva la tabella Credenziali. Il Conteggio firme della credenziale aumenterà di conseguenza.

Esportare e rimuovere le credenziali

Puoi esportare o rimuovere una credenziale facendo clic sui pulsanti Esporta o Rimuovi.

Rinominare un autenticatore

1. Per rinominare un autenticatore, fai clic sul pulsante Modifica accanto al nome dell'autenticatore.
2. Modifica il nome, poi fai clic su Invio per salvare le modifiche.

Attivare un'app di autenticazione

Un autenticatore appena creato viene impostato come attivo automaticamente. DevTools supporta un solo autenticatore virtuale attivo in qualsiasi momento.

Per disattivare l'autenticazione, rimuovi l'autenticatore attualmente attivo.

Per attivare un autenticatore, seleziona il relativo pulsante di opzione Attivo.

Rimuovere un autenticatore virtuale

Per rimuovere un autenticatore virtuale, fai clic sul relativo pulsante Rimuovi.