Guía de inicio rápido: Permitir que los usuarios accedan con un correo electrónico y contraseña

En esta guía de inicio rápido, se muestra cómo usar Identity Platform para permitir que un usuario acceda con un correo electrónico y una contraseña.

Antes de comenzar

  1. Accede a tu cuenta de Google Cloud. Si eres nuevo en Google Cloud, crea una cuenta para evaluar el rendimiento de nuestros productos en situaciones reales. Los clientes nuevos también obtienen $300 en créditos gratuitos para ejecutar, probar y, además, implementar cargas de trabajo.
  2. En la página del selector de proyectos de Google Cloud Console, selecciona o crea un proyecto de Google Cloud.

    Ir al selector de proyectos

  3. Asegúrate de que la facturación esté habilitada para tu proyecto de Cloud. Descubre cómo confirmar que tienes habilitada la facturación en un proyecto.

  4. En la página del selector de proyectos de Google Cloud Console, selecciona o crea un proyecto de Google Cloud.

    Ir al selector de proyectos

  5. Asegúrate de que la facturación esté habilitada para tu proyecto de Cloud. Descubre cómo confirmar que tienes habilitada la facturación en un proyecto.

Habilitar Identity Platform

  1. Ve a la página Marketplace de Identity Platform en Cloud Console.

    Ir a la página Marketplace de Identity Platform

  2. Haz clic en Habilitar Identity Platform. La página de Identity Platform aparece en Cloud Console.

Configura el acceso por correo electrónico

  1. Ve a la página Proveedores de identidad en Cloud Console.

    Ir a la página Proveedores de identidad

  2. Haz clic en Agregar un proveedor.

  3. Selecciona Correo electrónico/Contraseña en la lista de proveedores y estándares de federación empresarial.

  4. Mueve el interruptor de la opción Habilitada a Activada.

  5. Haga clic en Save.

Crear un usuario

  1. Ve a la página Usuarios en Cloud Console.

    IR A LA PÁGINA USUARIOS

  2. Haz clic en Agregar usuario.

  3. Ingresa un correo electrónico y una contraseña.

  4. Haga clic en Save. El usuario nuevo aparecerá en la lista de usuarios.

Permite que el usuario acceda

  1. Crea un archivo nuevo llamado index.html.

  2. Agrega dos contenedores HTML básicos:

    <div>Identity Platform Quickstart</div>
    <div id="message">Loading...</div>
    
  3. Inicializa el SDK cliente de Identity Platform con tu clave de API:

    1. Ve a la página Proveedores de identidad en Cloud Console.

      Ir a la página Proveedores de identidad

    2. Haz clic en Detalles de configuración de la aplicación.

    3. Copia el código de inicialización en index.html. Debería verse de la siguiente manera:

      <script src="https://www.gstatic.com/firebasejs/9.1.3/firebase.js"></script>
      <script>
        // Initialize Identity Platform
        var config = {
          apiKey: "abcdefg123456",
          authDomain: "myproject.firebaseapp.com"
        };
        firebase.initializeApp(config);
      </script>
      
  4. Permite que el usuario acceda mediante una llamada a signInWithEmailAndPassword() y, luego, procesa el resultado con la devolución de llamada onAuthStateChanged(). En el siguiente ejemplo, reemplaza email y password por los valores del usuario que creaste antes:

    <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. Inicia index.html en tu navegador web. Aparecerá un mensaje de bienvenida en el que se mostrará el correo electrónico de tu usuario.

Felicitaciones Permitiste que tu primer usuario acceda mediante Identity Platform.

Próximos pasos

En una app real, los usuarios se registrarían mediante una página de registro dedicada e ingresarían sus correos electrónicos y contraseñas para acceder. Identity Platform ofrece una IU de autenticación compilada de forma previa que puedes usar para estas páginas. O bien, puedes compilar una propia. Se recomienda admitir métodos de acceso adicionales, como el uso de proveedores de redes sociales (como Facebook o Google), números de teléfono, OIDC o SAML.

Obtén más información acerca de los siguientes temas: