WebAuthn: emular autenticadores

Fawaz Mohammad
Fawaz Mohammad
Sofia Emelianova
Sofia Emelianova

Use a guia WebAuthn no Chrome DevTools para criar e interagir com autenticadores virtuais baseados em software.

Abrir a guia WebAuthn

  1. Acesse uma página que usa o WebAuthn, como nossa página de demonstração (faça login para acessar a página).
  2. Abra o DevTools.
  3. Clique em Mais opções Mais > Mais ferramentas > WebAuthn para abrir a guia "WebAuthn".

Guia WebAuthn

Ativar o ambiente de autenticador virtual

  1. Na guia "WebAuthn", clique para marcar a caixa de seleção Ativar ambiente de autenticador virtual.
  2. Depois de ativada, a seção Novo autenticador será exibida.

Ativar o ambiente de autenticador virtual

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. Oferece suporte a chaves residentes
    4. Oferece suporte à verificação do usuário
    5. Oferece suporte a blobs grandes, disponível apenas para o protocolo ctap2 com suporte a chaves residentes

    Exemplo:

    Como adicionar um novo autenticador virtual.

  2. Clique no botão Add.

  3. Agora você pode conferir uma seção sobre seu autenticador recém-criado. Authenticator

A seção Authenticator inclui uma tabela Credentials. A tabela fica vazia até que uma credencial seja registrada no autenticador.

Nenhuma credencial

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 Credenciais na guia "WebAuthn".

Ver credenciais

Na página de demonstração, você pode clicar no botão Autenticar várias vezes. Observe a tabela Credenciais. A Contagem de assinaturas da credencial vai aumentar proporcionalmente.

Exportar e remover credenciais

Você pode exportar ou remover uma credencial clicando nos botões Exportar ou Remover.

Exportar ou remover uma credencial

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.

Renomear um autenticador

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 no momento.

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

Definir autenticador ativo

Remover um autenticador virtual

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

Remover autenticador