Saltar al contenido principal
Auth0 ofrece la función esencial de un : el flujo de inicio de sesión. Cuando un usuario necesita demostrar su identidad para acceder a su aplicación, puede redirigirlo a Universal Login y dejar que Auth0 se encargue del proceso de autenticación. Con Universal Login, no tiene que realizar ningún trabajo de integración para admitir distintos métodos de autenticación. Puede empezar con un flujo de autenticación sencillo y luego añadir funciones adicionales, como el inicio de sesión sin contraseña, el inicio de sesión social o la (MFA), para personalizar una experiencia de inicio de sesión segura y fácil de usar. La configuración de Universal Login es dinámica y no requiere cambios en la aplicación, ya que las páginas web alojadas en el centralizado de Auth0 controlan por completo el flujo de inicio de sesión. Además, no necesita actualizar manualmente su código para que las aplicaciones se beneficien de las mejoras que Auth0 incorpora a Universal Login. Desde el , puede personalizar la apariencia y el comportamiento de las páginas de inicio de sesión para crear una experiencia coherente y alineada con su marca. Para casos de uso avanzados, también puede modificar el código de cada página por separado. Para obtener más información sobre las diferencias entre Universal Login y el inicio de sesión integrado, consulte Centralized Universal Login vs. Embedded Login.

​
Configurar Universal Login

En el Auth0 Dashboard, puedes elegir qué experiencia usar para las páginas de inicio de sesión predeterminadas en Branding > Universal Login > Advanced Options. Auth0 ofrece dos experiencias de inicio de sesión alojadas:
  • Universal Login ofrece una experiencia más ágil para los usuarios y no requiere JavaScript para su personalización.
  • Classic Login usa controles de JavaScript para cada página del flujo de inicio de sesión.
En este momento, los esfuerzos de desarrollo activo de Auth0 se centran en Universal Login, y Classic Login ya no recibe actualizaciones. A menos que tu caso de uso específico requiera la experiencia Classic, se recomienda implementar Universal Login. Para obtener más información sobre las diferencias entre estas dos experiencias, consulta Universal Login vs. Classic Login.

​
Accesibilidad

Auth0 emplea los siguientes estándares para mejorar el acceso a los flujos de Universal Login para las personas que usan tecnologías de asistencia: Universal Login de Auth0 cumple estos estándares de forma predeterminada. A continuación, se indican algunos aspectos que podrían afectar a las personalizaciones de los clientes:
  • Los errores de validación se muestran en línea en lugar de en tooltips, para que sean accesibles con lectores de pantalla.
  • Los colores predeterminados de los componentes de la interfaz se ajustan a las pautas WCAG sobre contraste de color.
  • Los formularios usan autocorrección.
  • Los atributos ARIA y otros atributos de los componentes de la interfaz permiten navegar fácilmente con lectores de pantalla.
  • Las direcciones de correo electrónico se validan del lado del cliente y siguen las mismas reglas de formato que la validación del lado del servidor.
  • Las etiquetas HTML son accesibles y están asociadas a sus respectivos campos de entrada.
  • Los requisitos de complejidad de la contraseña y los mensajes de error en línea se anuncian mediante lectores de pantalla.
  • Todas las tienen un título de página útil y distintivo.
  • Los campos obligatorios incluyen un indicador visual en la etiqueta.

​
Personalice la página de inicio de sesión

Después de habilitar Universal Login, puede personalizar su página de inicio de sesión directamente desde el Auth0 Dashboard. En concreto, puede personalizar las plantillas y los temas de la página, las pantallas de registro e inicio de sesión y otros elementos de texto. Para obtener más información, consulte Personalizar Universal Login. Si decide implementar Classic Login, puede personalizar las opciones básicas de marca desde el Auth0 Dashboard. Luego, puede configurar la personalización avanzada con el SDK que use para crear su flujo de inicio de sesión. Para obtener más información, consulte Personalizar Classic Login.

​
Implementa Universal Login

Después de habilitar Universal Login o Classic Login en tu inquilino, sigue estos pasos para implementar la experiencia:
  1. Registra tu aplicación en Auth0.
  2. Configura tu aplicación para llamar al endpoint de inicio de sesión de la API de autenticación, a fin de activar el flujo de inicio de sesión y gestionar la respuesta. Puedes configurarlo directamente o usar uno de los SDKs de Auth0.
  3. Crea una conexión de base de datos, empresarial o social y habilítala para tu aplicación.

​
Ve a la página de inicio de sesión

Puedes llamar directamente al endpoint de inicio de sesión desde cualquier navegador: La solicitud debe incluir los siguientes valores: Opcionalmente, puede incluir el parámetro connection para indicar a los usuarios que se autentiquen con la conexión especificada.

​
ID de correlación

Universal Login admite eventos correlacionados en todos los flujos de autenticación. Una vez que implemente Universal Login, su aplicación genera un ID único y lo pasa como correlation_id al endpoint /authorize. Este ID único se mantiene a lo largo de los siguientes eventos de autenticación:
  • Registro
  • Inicio de sesión
  • Inscripción y desafíos de la autenticación multifactor (MFA)
  • Restablecimiento de contraseña
Una vez que se pasa correlation_id, puede rastrear los eventos de autenticación en Auth0 Logs. Para obtener más información, consulte ID de correlación.

​
Usa las guías de inicio rápido

Para obtener más información sobre cómo configurar Universal Login para tu aplicación, consulta las guías de inicio rápido. Elige el enfoque que mejor se adapte a tus tecnologías y sigue la guía de inicio rápido correspondiente para ver el proceso de implementación paso a paso.