WebAuthn: émuler des authentificateurs

Fawaz Mohammad

Jecelyn Yeen

Sofia Emelianova

Utilisez le panneau WebAuthn pour créer et interagir avec des authentificateurs virtuels basés sur des logiciels.

Présentation

Le panneau WebAuthn vous permet d'ajouter, de renommer et de supprimer des authentificateurs. Enregistrez des identifiants, qui sont comme des utilisateurs, auprès d'un authentificateur et surveillez les ID, les ID utilisateur et les nombres de connexions pendant les tests.

Ouvrir le panneau WebAuthn

1. Accédez à une page qui utilise WebAuthn, comme notre page de démonstration (connectez-vous pour y accéder).
2. Accédez aux outils de développement.
3. Ouvrez le menu Command (Commande) en appuyant sur :
   • macOS: Command+Maj+P
   • Windows, Linux et ChromeOS: Ctrl+Maj+P
4. Commencez à saisir webauthn, sélectionnez Afficher WebAuthn, puis appuyez sur Entrée.

Vous pouvez également cliquer sur Autres options  > Plus d'outils > WebAuthn en haut à droite pour ouvrir le panneau WebAuthn.

Activer l'environnement d'authentification virtuelle

1. Dans le panneau WebAuthn, cochez la case check_box Enable virtual authenticator environment (Activer l'environnement d'authentification virtuelle).
2. Une fois l'option activée, la section Nouvel authentificateur s'affiche.

Ajouter un authentificateur virtuel

Pour ajouter un nouvel authentificateur virtuel:

1. Dans la section Nouvel authentificateur, configurez les options suivantes:

   1. Protocole: ctap2 (protocole client-authentificateur) ou u2f (authentification à deux facteurs universelle)
   2. Transport: usb, nfc, ble ou internal
   3. Compatible avec les clés résidentes
   4. Prend en charge la validation des utilisateurs
   5. Compatible avec les blobs volumineux, disponible uniquement pour le protocole ctap2 avec prise en charge des clés résidentes

   Exemple :

   

2. Cliquez sur le bouton Ajouter.

3. Une section s'affiche avec l'authentificateur que vous venez de créer.

La section Authentificateur inclut un tableau Identifiants. Le tableau est vide jusqu'à ce qu'une authentification soit enregistrée auprès de l'authentificateur.

Enregistrer de nouveaux identifiants

Pour enregistrer de nouveaux identifiants, vous devez disposer d'une page Web qui utilise WebAuthn, par exemple notre page de démonstration.

1. Sur la page de démonstration, cliquez sur Register new credential (Enregistrer de nouvelles identifiants).
2. Un nouvel identifiant est désormais ajouté au tableau Identifiants du panneau WebAuthn.

Sur la page de démonstration, vous pouvez cliquer plusieurs fois sur le bouton Authentifier. Examinez le tableau Identifiants. Le nombre de signatures de l'identifiant augmentera en conséquence.

Exporter et supprimer des identifiants

Vous pouvez exporter ou supprimer des identifiants en cliquant sur les boutons Exporter ou Supprimer.

Renommer un authentificateur

1. Pour renommer un authentificateur, cliquez sur le bouton Modifier à côté de son nom.
2. Modifiez le nom, puis cliquez sur Entrée pour enregistrer les modifications.

Activer un Authenticator

Un authentificateur nouvellement créé est automatiquement défini comme actif. DevTools n'accepte qu'un seul authentificateur virtuel actif à tout moment.

Pour désactiver l'authentification, supprimez l'authentificateur actuellement actif.

Pour activer un authentificateur, sélectionnez la case d'option Active.

Supprimer un authentificateur virtuel

Pour supprimer un authentificateur virtuel, cliquez sur le bouton Supprimer correspondant.