Configurar el cambio flexible entre conexiones

Descubra cómo implementar el cambio flexible entre conexiones con Universal Login

El cambio flexible de conexiones es una función opcional que permite a los usuarios elegir su método de autenticación al iniciar sesión en una aplicación. Cuando se implementa, la pantalla de inicio de sesión de su aplicación ofrece a los usuarios la opción de autenticarse con credenciales tradicionales de base de datos o con una conexión sin contraseña. Los usuarios que seleccionan una conexión sin contraseña reciben una contraseña de un solo uso (OTP) por correo electrónico o SMS que pueden usar para iniciar sesión en su aplicación.

El cambio flexible de conexiones usa pantallas personalizadas de Universal Login para ofrecer a los usuarios una experiencia de autenticación con mayor autonomía.

​

Antes de comenzar

Antes de implementar el cambio flexible entre conexiones, asegúrese de cumplir los siguientes requisitos:

• Use Universal Login.

  • Esta función no está disponible para páginas de Login personalizadas.

• Configure un dominio personalizado.

• Habilite lo siguiente para su aplicación:

  • autenticación con identificador primero
  • Conexión de base de datos
  • Autenticación sin contraseña por correo electrónico o SMS

​

Implementar el cambio flexible entre conexiones

Para implementar esta función, usa la Auth0 Management API para configurar partials personalizadas para las pantallas de registro y Login. Las partials son código personalizado que se inserta en un punto de entrada dentro de una pantalla, como la pantalla de inicio de sesión. Para obtener más información, consulta Customize Signup and Login Prompts.

Para implementar el cambio flexible entre conexiones, configurarás partials personalizadas de pantalla con los siguientes parámetros:

Parámetro	Descripción	Ejemplo
state	Muestra el valor de estado de la página actual, que es opaco y se usa con fines de seguridad. Para obtener más información sobre la pantalla actual, consulta Customize Univeral Login Page Templates.	<input type='hidden' name='state' value='{{state}}'>
connection	Nombre y tipo de la conexión. En las conexiones sin contraseña, el valor es email o sms.	<input type='hidden' name='connection' value='email'>

En los ejemplos de código a continuación, asegúrate de reemplazar los placeholders por los valores correspondientes:

• Reemplaza {yourDomain} por yourdomain.auth0.com.
• Reemplaza {mgmtApiToken} por tu token de acceso.

​

Configurar la pantalla de registro

Puede configurar la pantalla signup-password mediante el endpoint Configurar parciales para una pantalla:

Como resultado, se agrega un botón Enviar un código seguro por correo electrónico a la pantalla signup-password. Cuando un usuario selecciona este botón, se envía un cuerpo de formulario que contiene el parámetro de estado de inicio de sesión y el nombre de la conexión deseada.

​

Configurar las pantallas de Login

Para obtener los mejores resultados, se recomienda configurar la pantalla de Login tanto para las conexiones con contraseña como para las conexiones sin contraseña.

Puede configurar la pantalla login-password mediante el endpoint Configurar parciales para una pantalla:

Como resultado, se agrega un botón Enviar un código seguro por correo electrónico a la pantalla login-password. Cuando un usuario selecciona este botón, se envía un cuerpo de formulario que contiene el parámetro de estado de inicio de sesión y el nombre de la conexión deseada.

Del mismo modo, puede configurar la pantalla login-passwordless mediante el endpoint Configurar Partials para una pantalla: