Autenticar com o Firebase usando links de e-mail

Você pode usar o Firebase Authentication para fazer login de um usuário enviando a ele um e-mail contendo um link, no qual ele pode clicar para fazer login. No processo, o endereço de e-mail do usuário também é verificado.

Há vários benefícios em fazer login por e-mail:

  • Inscrição e login de baixo atrito.
  • Menor risco de reutilização de senha em aplicativos, o que pode prejudicar a segurança até mesmo de senhas bem selecionadas.
  • A capacidade de autenticar um usuário e, ao mesmo tempo, verificar se o usuário é o proprietário legítimo de um endereço de e-mail.
  • Um usuário precisa apenas de uma conta de e-mail acessível para fazer login. Não é necessária a propriedade de um número de telefone ou conta de mídia social.
  • Um usuário pode fazer login com segurança sem a necessidade de fornecer (ou lembrar) uma senha, o que pode ser complicado em um dispositivo móvel.
  • Um usuário existente que fez login anteriormente com um identificador de e-mail (senha ou federado) pode ser atualizado para entrar apenas com o e-mail. Por exemplo, um usuário que esqueceu sua senha ainda pode entrar sem precisar redefinir sua senha.

Antes de você começar

  1. Se ainda não o fez , siga as etapas no guia de introdução.

  2. Ative o login por link de e-mail para seu projeto do Firebase.

    Para fazer login de usuários por link de e-mail, você deve primeiro ativar o provedor de e-mail e o método de login do link de e-mail para seu projeto do Firebase:

    1. No console do Firebase , abra a seção Auth .
    2. Na guia Método de login , habilite o provedor de e- mail/senha . Observe que o login por e-mail/senha deve estar habilitado para usar o login por link de e-mail.
    3. Na mesma seção, habilite o método de login do link de e-mail (entrada sem senha) .
    4. Clique em Salvar .

Para iniciar o fluxo de autenticação, apresente uma interface que solicite que o usuário forneça seu endereço de e-mail e chame sendSignInLinkToEmail() para solicitar que o Firebase envie o link de autenticação para o e-mail do usuário.

  1. Construa o objeto ActionCodeSettings, que fornece ao Firebase instruções sobre como construir o link de e-mail. Defina os seguintes campos:

    • url : O link direto a ser incorporado e qualquer estado adicional a ser transmitido. O domínio do link precisa estar na lista de permissões na lista de domínios autorizados do Firebase Console, que pode ser encontrada na guia Método de login (Autenticação -> Método de login). O link redirecionará o usuário para este URL se o aplicativo não estiver instalado em seu dispositivo e o aplicativo não puder ser instalado.

    • androidPackageName e IOSBundleId : os aplicativos a serem usados ​​quando o link de entrada é aberto em um dispositivo Android ou iOS. Saiba mais sobre como configurar o Firebase Dynamic Links para abrir links de ação de e-mail por meio de aplicativos para dispositivos móveis.

    • handleCodeInApp : Defina como true . A operação de login deve sempre ser concluída no aplicativo, ao contrário de outras ações de e-mail fora da banda (redefinição de senha e verificações de e-mail). Isso ocorre porque, no final do fluxo, espera-se que o usuário esteja conectado e seu estado de autenticação persista no aplicativo.

    • dynamicLinkDomain : quando vários domínios de link dinâmico personalizados são definidos para um projeto, especifique qual usar quando o link deve ser aberto por meio de um aplicativo móvel especificado (por exemplo, example.page.link ). Caso contrário, o primeiro domínio é selecionado automaticamente.

    var acs = ActionCodeSettings(
        // URL you want to redirect back to. The domain (www.example.com) for this
        // URL must be whitelisted in the Firebase Console.
        url: 'https://www.example.com/finishSignUp?cartId=1234',
        // This must be true
        handleCodeInApp: true,
        iOSBundleId: 'com.example.ios',
        androidPackageName: 'com.example.android',
        // installIfNotAvailable
        androidInstallApp: true,
        // minimumVersion
        androidMinimumVersion: '12');
    
  2. Peça ao usuário seu e-mail.

  3. Envie o link de autenticação para o e-mail do usuário e salve o e-mail do usuário caso o usuário conclua o login de e-mail no mesmo dispositivo.

    var emailAuth = 'someemail@domain.com';
    FirebaseAuth.instance.sendSignInLinkToEmail(
            email: emailAuth, actionCodeSettings: acs)
        .catchError((onError) => print('Error sending email verification $onError'))
        .then((value) => print('Successfully sent email verification'));
    });
    

Preocupações com segurança

Para evitar que um link de login seja usado para fazer login como um usuário não intencional ou em um dispositivo não intencional, o Firebase Auth exige que o endereço de e-mail do usuário seja fornecido ao concluir o fluxo de login. Para que o login seja bem-sucedido, esse endereço de e-mail deve corresponder ao endereço para o qual o link de login foi enviado originalmente.

Você pode simplificar esse fluxo para usuários que abrem o link de entrada no mesmo dispositivo em que solicitam o link, armazenando seu endereço de e-mail localmente - por exemplo, usando SharedPreferences - ao enviar o e-mail de entrada. Em seguida, use esse endereço para concluir o fluxo. Não passe o e-mail do usuário nos parâmetros de URL de redirecionamento e reutilize-o, pois isso pode permitir injeções de sessão.

Após a conclusão do login, qualquer mecanismo de login anterior não verificado será removido do usuário e todas as sessões existentes serão invalidadas. Por exemplo, se alguém criou anteriormente uma conta não verificada com o mesmo e-mail e senha, a senha do usuário será removida para impedir que o falsificador que reivindicou a propriedade e criou essa conta não verificada entre novamente com o e-mail e a senha não verificados.

Certifique-se também de usar um URL HTTPS na produção para evitar que seu link seja potencialmente interceptado por servidores intermediários.

O Firebase Authentication usa o Firebase Dynamic Links para enviar o link de e-mail para um dispositivo móvel. Para concluir o login por meio de aplicativo móvel, o aplicativo deve ser configurado para detectar o link do aplicativo de entrada, analisar o link direto subjacente e concluir o login.

  1. Configure seu aplicativo para receber links dinâmicos no Flutter no guia .

  2. Em seu manipulador de links, verifique se o link é destinado à autenticação de link de e-mail e, em caso afirmativo, conclua o processo de login.

    // Confirm the link is a sign-in with email link.
    if (FirebaseAuth.instance.isSignInWithEmailLink(emailLink)) {
      try {
        // The client SDK will parse the code from the link for you.
        final userCredential = await FirebaseAuth.instance
            .signInWithEmailLink(email: emailAuth, emailLink: emailLink);
    
        // You can access the new user via userCredential.user.
        final emailAddress = userCredential.user?.email;
    
        print('Successfully signed in with email link!');
      } catch (error) {
        print('Error signing in with email link.');
      }
    }
    

Você também pode vincular esse método de autenticação a um usuário existente. Por exemplo, um usuário previamente autenticado com outro provedor, como um número de telefone, pode adicionar esse método de login à sua conta existente.

A diferença estaria na segunda metade da operação:

final authCredential = EmailAuthProvider
    .credentialWithLink(email: emailAuth, emailLink: emailLink.toString());
try {
    await FirebaseAuth.instance.currentUser
        ?.linkWithCredential(authCredential);
} catch (error) {
    print("Error linking emailLink credential.");
}

Isso também pode ser usado para autenticar novamente um usuário de link de e-mail antes de executar uma operação confidencial.

final authCredential = EmailAuthProvider
    .credentialWithLink(email: emailAuth, emailLink: emailLink.toString());
try {
    await FirebaseAuth.instance.currentUser
        ?.reauthenticateWithCredential(authCredential);
} catch (error) {
    print("Error reauthenticating credential.");
}

No entanto, como o fluxo pode terminar em um dispositivo diferente no qual o usuário original não estava conectado, esse fluxo pode não ser concluído. Nesse caso, um erro pode ser mostrado ao usuário para forçá-lo a abrir o link no mesmo dispositivo. Algum estado pode ser passado no link para fornecer informações sobre o tipo de operação e o uid do usuário.

Caso você dê suporte a login baseado em senha e link com e-mail, para diferenciar o método de login para um usuário de senha/link, use fetchSignInMethodsForEmail . Isso é útil para fluxos que priorizam o identificador em que o usuário é solicitado primeiro a fornecer seu e-mail e, em seguida, apresentado o método de login:

try {
    final signInMethods =
        await FirebaseAuth.instance.fetchSignInMethodsForEmail(emailAuth);
    final userExists = signInMethods.isNotEmpty;
    final canSignInWithLink = signInMethods
        .contains(EmailAuthProvider.EMAIL_LINK_SIGN_IN_METHOD);
    final canSignInWithPassword = signInMethods
        .contains(EmailAuthProvider.EMAIL_PASSWORD_SIGN_IN_METHOD);
} on FirebaseAuthException catch (exception) {
    switch (exception.code) {
        case "invalid-email":
            print("Not a valid email address.");
            break;
        default:
            print("Unknown error.");
    }
}

Conforme descrito acima, email/senha e email/link são considerados o mesmo EmailAuthProvider (mesmo PROVIDER_ID ) com diferentes métodos de login.

Próximos passos

Depois que um usuário cria uma nova conta, essa conta é armazenada como parte do projeto do Firebase e pode ser usada para identificar um usuário em todos os aplicativos do projeto, independentemente do método de login usado pelo usuário.

Em seus aplicativos, você pode obter as informações básicas do perfil do User no objeto Usuário. Consulte Gerenciar usuários .

Nas regras de segurança do Firebase Realtime Database e do Cloud Storage, você pode obter o ID de usuário exclusivo do usuário conectado na variável de auth e usá-lo para controlar quais dados um usuário pode acessar.

Você pode permitir que os usuários façam login no seu aplicativo usando vários provedores de autenticação vinculando credenciais do provedor de autenticação ) a uma conta de usuário existente.

Para desconectar um usuário, chame signOut() :

await FirebaseAuth.instance.signOut();