Fazer login de um usuário com um e-mail usando o Identity Platform

Aprenda a usar o Identity Platform para fazer login de um usuário com um e-mail e uma senha.


Para ver orientações passo a passo sobre essa tarefa diretamente no Console do Cloud, clique em Orientação:

Orientação


As seções a seguir guiam você pelas mesmas etapas que você encontra clicando em Orientações.

Antes de começar

  1. Faça login na sua conta do Google Cloud. Se você começou a usar o Google Cloud agora, crie uma conta para avaliar o desempenho de nossos produtos em situações reais. Clientes novos também recebem US$ 300 em créditos para executar, testar e implantar cargas de trabalho.
  2. No console do Google Cloud, na página do seletor de projetos, selecione ou crie um projeto do Google Cloud.

    Acessar o seletor de projetos

  3. Verifique se o faturamento está ativado para seu projeto na nuvem. Saiba como verificar se o faturamento está ativado em um projeto.

  4. No console do Google Cloud, na página do seletor de projetos, selecione ou crie um projeto do Google Cloud.

    Acessar o seletor de projetos

  5. Verifique se o faturamento está ativado para seu projeto na nuvem. Saiba como verificar se o faturamento está ativado em um projeto.

Ativar o Identity Platform

  1. No Console do Cloud, acesse a página do Identity Platform no Cloud Marketplace.

    Acessar o Identity Platform

  2. Clique em Ativar Identity Platform.

Configurar um login por e-mail

  1. Acesse a página Provedores de identidade.

  2. Na página Identity Providers, clique em Add a provider.

  3. Na lista Selecionar um provedor, selecione E-mail/senha.

  4. Clique em Ativado.

  5. Para salvar as configurações do provedor, clique em Salvar.

Criar um usuário

  1. No Console do Cloud, acesse a página Usuários.

    Acessar "Usuários"

  2. Clique em Adicionar usuário.

  3. No campo E-mail, digite um e-mail e uma senha. Anote os dois valores, porque você precisará deles em uma etapa posterior.

  4. Para adicionar o usuário, clique em Adicionar. O novo usuário será listado na página Usuários.

Criar uma página da Web

  1. Na máquina local, crie um novo arquivo chamado index.html.

  2. No arquivo HTML, adicione dois contêineres HTML básicos:

    <div>Identity Platform Quickstart</div>
    <div id="message">Loading...</div>
    

Inicializar o SDK de cliente do Identity Platform com sua chave de API

  1. No Console do Cloud, acesse a página Provedores de identidade.

    Acessar "Provedores de identidade"

  2. Clique em Detalhes da configuração da aplicação.

  3. Copie o código de inicialização para index.html. Ele é semelhante a este:

    <script src="https://www.gstatic.com/firebasejs/9.8.1/firebase.js"></script>
    <script>
      // Initialize Identity Platform
      var config = {
        apiKey: "abcdefg123456",
        authDomain: "myproject.firebaseapp.com"
      };
      firebase.initializeApp(config);
    </script>
    

Fazer o login do usuário

  1. Para fazer login do usuário, copie o seguinte código no arquivo index.html:

    <script>
      var email = "EMAIL_ID";
      var password = "PASSWORD";
    
      firebase.auth().onAuthStateChanged(function(user) {
        if (user) {
          document.getElementById("message").innerHTML = "Welcome, " + user.email;
        } else {
          document.getElementById("message").innerHTML = "No user signed in.";
        }
      });
    
      firebase.auth().signInWithEmailAndPassword(email, password).catch(function(error) {
        document.getElementById("message").innerHTML = error.message;
      });
    </script>
    

    Esse código chama signInWithEmailAndPassword() e processa o resultado com o callback onAuthStateChanged().

    Substitua:

    • EMAIL_ID: o e-mail do usuário que você criou anteriormente
    • PASSWORD: a senha do usuário que você criou anteriormente
  2. Abra index.html no seu navegador da Web. Uma mensagem de boas-vindas exibindo o e-mail do usuário será exibida.

Você fez login no primeiro usuário com o Identity Platform.

Limpar

Para evitar cobranças na sua conta do Google Cloud pelos recursos usados nesta página, siga as etapas abaixo.

Excluir o provedor e o usuário

Se você usou um projeto atual do Google Cloud, exclua o provedor e o usuário criados para evitar cobranças na sua conta:

  1. No Console do Cloud, acesse a página Provedores de identidade.

    Acessar "Provedores de identidade"

  2. Para excluir o provedor, clique em Excluir ao lado do nome dele. Para confirmar, clique em Excluir.

  3. No Console do Cloud, acesse a página Usuários.

    Acessar "Usuários"

  4. Para excluir o usuário criado, clique em Excluir ao lado do nome dele. Para confirmar, clique em Excluir.

Excluir o projeto

O jeito mais fácil de evitar cobranças é excluindo o projeto que você criou para o tutorial.

Para excluir o projeto:

  1. No console do Cloud, acesse a página Gerenciar recursos:

    Acessar "Gerenciar recursos"

  2. Na lista de projetos, selecione o projeto que você quer excluir e clique em Excluir .
  3. Na caixa de diálogo, digite o ID do projeto e clique em Encerrar para excluí-lo.

A seguir

Em um app real, seus usuários se inscreveriam usando uma página de registro dedicada e fariam login inserindo os e-mails e senhas. O Identity Platform oferece uma IU de autenticação pré-criada que pode ser usada para essas páginas. Outra opção é criar sua própria. Talvez você queira oferecer suporte a outros métodos de login, como provedores sociais (como Facebook ou Google), números de telefone, OIDC ou SAML.

Saiba mais sobre estes assuntos: