Guia de início rápido: fazer login de usuários com e-mail e senha

Este guia de início rápido mostra como usar o Identity Platform para fazer login de um usuário com um e-mail e uma senha.

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 confirmar se o faturamento está ativado para o projeto.

Ativar o Identity Platform

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

    Acessar a página do Identity Platform no Marketplace

  2. Clique em Ativar o Identity Platform. A página do Identity Platform será exibida no Console do Cloud.

Configurar login por e-mail

  1. Acesse a página Provedores do Identity Platform no Console do Cloud.

    Acessar a página "Provedores do Identity Platform"

  2. Clique em Adicionar um provedor.

  3. Selecione E-mail/Senha na lista de provedores e padrões de federação empresarial.

  4. Mude a posição da opção Ativado para Ligado.

  5. Clique em Save.

Criar um usuário

  1. Acesse a página Usuários no Console do Cloud.

    Acessar a página usuários

  2. Clique em Adicionar usuário.

  3. Digite um e-mail e senha.

  4. Clique em Save. O novo usuário aparece na lista de usuários.

Fazer login do usuário

  1. Crie um novo arquivo denominado index.html.

  2. Adicione dois contêineres HTML básicos:

    <div>Identity Platform Quickstart</div>
    <div id="message">Loading...</div>
    
  3. Inicialize o SDK de cliente do Identity Platform com sua chave de API:

    1. Acesse a página Provedores do Identity Platform no Console do Cloud.

      Acessar a página "Provedores do Identity Platform"

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

    3. Copie o código de inicialização para index.html. Que precisa ser semelhante a este:

      <script src="https://www.gstatic.com/firebasejs/9.0.2/firebase.js"></script>
      <script>
        // Initialize Identity Platform
        var config = {
          apiKey: "abcdefg123456",
          authDomain: "myproject.firebaseapp.com"
        };
        firebase.initializeApp(config);
      </script>
      
  4. Faça login do usuário chamando signInWithEmailAndPassword() e processe o resultado com o callback onAuthStateChanged(). No exemplo abaixo, substitua email e password pelos valores do usuário criado anteriormente:

    <script>
      var email = "example@gmail.com";
      var password = "hunter2";
    
      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>
    
  5. Abra index.html em seu navegador da Web. Uma mensagem de boas-vindas exibindo o e-mail do usuário será exibida.

Parabéns! Você fez login no seu primeiro usuário com o Identity Platform.

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 você pode usar para essas páginas ou pode 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 como: