WebAuthn: emular autenticadores

Fawaz Mohammad

Jecelyn Yeen

Sofia Emelianova

Use o painel WebAuthn para criar e interagir com autenticadores virtuais baseados em software.

Visão geral

O painel WebAuthn permite adicionar, renomear e remover autenticadores. Registre credenciais, que são como usuários, em um autenticador e monitore IDs, identificadores de usuário e contagens de assinaturas durante o teste.

Abrir o painel da WebAuthn

1. Acesse uma página que usa a WebAuthn, como nossa página de demonstração. Faça login para acessar a página.
2. Abra o DevTools.
3. Abra o menu de comando pressionando:
   • macOS: Command+Shift+P
   • Windows, Linux e ChromeOS: Ctrl+Shift+P
4. Comece a digitar webauthn, selecione Mostrar WebAuthn e pressione Enter.

Como alternativa, no canto superior direito, clique em Mais opções > Mais ferramentas > WebAuthn para abrir o painel WebAuthn.

Ativar o ambiente do autenticador virtual

1. No painel WebAuthn, clique para ativar a caixa de seleção check_box Ativar ambiente do autenticador virtual.
2. Depois de ativar, a seção Novo autenticador vai aparecer.

Adicionar um autenticador virtual

Para adicionar um novo autenticador virtual:

1. Na seção Novo autenticador, configure as seguintes opções:

   1. Protocolo: ctap2 (protocolo de cliente para autenticador) ou u2f (fator 2 universal)
   2. Transporte: usb, nfc, ble ou internal
   3. Compatível com chaves residentes
   4. Compatível com a verificação de usuário
   5. Suporte a blobs grandes, disponível apenas para o protocolo ctap2 com suporte a chaves residentes

   Exemplo:

   

2. Clique no botão Adicionar.

3. Agora você vai encontrar uma seção com o autenticador recém-criado.

A seção Autenticador inclui uma tabela de Credenciais. A tabela fica vazia até que uma credencial seja registrada no autenticador.

Registrar uma nova credencial

Para registrar uma nova credencial, você precisa ter uma página da Web que use a WebAuthn, por exemplo, nossa página de demonstração.

1. Na página de demonstração, clique em Registrar nova credencial.
2. Uma nova credencial foi adicionada à tabela Credenciais no painel da WebAuthn.

Na página de demonstração, clique no botão Autenticar várias vezes. Observe a tabela Credenciais. A contagem de assinaturas da credencial vai aumentar de acordo com isso.

Exportar e remover credenciais

Para exportar ou remover uma credencial, clique nos botões Exportar ou Remover.

Renomear um autenticador

1. Para renomear um autenticador, clique no botão Editar ao lado do nome dele.
2. Edite o nome e clique em Enter para salvar as mudanças.

Ativar um autenticador

Um autenticador recém-criado é definido como ativo automaticamente. As DevTools oferecem suporte apenas a um autenticador virtual ativo por vez.

Para desativar a autenticação, remova o autenticador ativo.

Para ativar um autenticador, selecione o botão de opção Ativo.

Remover um autenticador virtual

Para remover um autenticador virtual, clique no botão Remover.