Login sem senha em formulários com o preenchimento automático de chaves de acesso do WebAuthn

A interface condicional do WebAuthn aproveita a funcionalidade de preenchimento automático de formulários do navegador para permitir que os usuários façam login com uma chave de acesso perfeitamente no fluxo tradicional baseado em senha.

Eiji Kitamura
Eiji Kitamura

O Chrome 108 oferece suporte a chaves de acesso, incluindo sugestões de preenchimento automático. Isso permite que os sites para criar experiências de login mais fáceis e seguras.

O que é uma chave de acesso?

Uma chave de acesso é uma credencial digital vinculada a uma conta de usuário e a um site ou app. As chaves de acesso são mais seguras porque permitem que os usuários façam login em apps e sites com uma sensor biométrico (como impressão digital ou reconhecimento facial), PIN ou padrão sem precisar lembrar e gerenciar senhas. Como elas são WebAuthn, elas incluem a seguintes recursos de segurança:

  • As chaves de acesso usam criptografia de chave pública para que os sites não precisem armazenar senhas ou secrets.
  • Não é possível sofrer phishing porque uma chave de acesso só pode ser usada no site ou app que a criou.

Os sites podem criar e usar credenciais do WebAuthn em dispositivos e chaves de segurança usando uma interface modal no navegador. Para fazer isso, os sites tinham que reprojetar o fluxo de login para permitir que os usuários selecionem o fluxo do WebAuthn usando uma botão separado. Ao permitir que as chaves de acesso ativem o preenchimento automático, os sites agora podem oferecem a mesma experiência para usuários de senhas e chaves de acesso.

interface condicional

Permitir que os sites façam uma solicitação do WebAuthn sem acionar a interface modal é chamada "mediação condicional". Essa integração de preenchimento automático é frequentemente chamada como uma interface condicional.

Um usuário fazendo login com uma interface condicional

Como funciona

Assim que o usuário toca no campo de entrada do nome de usuário, uma sugestão de preenchimento automático é exibida com as chaves de acesso armazenadas e as sugestões de preenchimento automático de senhas. A o usuário poderá escolher uma conta e usar o bloqueio de tela do dispositivo para fazer login. Isso permite que os usuários façam login no site com o formulário de senha atual como se nada mudou, mas com o benefício de segurança extra das chaves de acesso.

Como usar a interface condicional

Para usar a interface condicional do WebAuthn, aprenda a Criar uma chave de acesso para logins sem senha e Fazer login com uma chave de acesso usando o preenchimento automático de formulários.

Foto de Scott Graham em Unsplash