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ários e contas de assinatura durante o teste.

Abrir o painel 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: Control+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 de autenticador virtual.
2. Depois de ativada, a seção Novo autenticador será exibida.

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 (Universal de 2o fator)
   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 o 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 Credentials no painel WebAuthn.

Na página de demonstração, clique no botão Authenticate várias vezes. Observe a tabela Credenciais. O Número 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 do autenticador.
2. Edite o nome e pressione Enter para salvar as alterações.

Ativar um autenticador

Um autenticador recém-criado é definido como ativo automaticamente. O DevTools oferece suporte a apenas 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.