Registro personalizado con Lock o la API de Auth0.

Cómo personalizar el formulario de registro de usuario con campos adicionales mediante Lock o la API de Auth0.

Puede personalizar el formulario de registro de usuario con campos adicionales, además del correo electrónico y la contraseña, al usar Lock o la API de Auth0.

Hay muchos factores que debe considerar antes de elegir entre Lock y una interfaz de usuario personalizada. Por ejemplo, con Lock puede redirigir a otra página para capturar datos o usar perfiles progresivos. Al usar la API de Auth0, puede capturar campos personalizados y almacenarlos en una base de datos. Existen ciertas limitaciones de personalización que debe tener en cuenta al elegir el método que mejor se adapte a sus necesidades. Algunas personalizaciones habituales incluyen agregar un username y verificar la seguridad de la contraseña.

Se recomienda Universal Login

Auth0 ofrece una opción de Universal Login que puede usar en lugar de diseñar sus propias páginas personalizadas de inicio de sesión o registro, o de usar las integradas en cualquiera de las bibliotecas de Auth0. Si desea ofrecer opciones de registro e inicio de sesión y solo necesita personalizar el nombre de la aplicación, el logotipo y el color de fondo, Universal Login puede ser una opción más fácil de implementar.

Uso de Lock

Lock admite el registro con campos personalizados.

La opción additionalSignUpFields de Lock solo funciona con registros mediante base de datos. Para los registros que usan proveedores de identidad sociales, no es posible recopilar estos campos de la misma forma con Lock, pero existen otras dos opciones para permitir registros sociales con IdP en Lock y seguir recopilando campos personalizados adicionales.

Redirigir a otra página

Una forma de usar el registro con proveedores sociales en Lock y recopilar campos personalizados es usar Rules de redirección para redirigir al usuario a otra página donde se le solicite información adicional y, después, redirigirlo de nuevo para finalizar la transacción de autenticación.

Perfilado progresivo

Otra forma de recopilar datos de campos personalizados al registrar usuarios con proveedores sociales es mediante el perfilado progresivo, que te permite ir completando gradualmente los datos del perfil de usuario con el tiempo. Recopilas solo la información mínima imprescindible durante el registro, pero cuando un usuario vuelve a interactuar con tu aplicación, recopilas una pequeña cantidad de datos (quizá una sola pregunta) cada vez hasta completar su perfil. Esto te permite obtener la información deseada con menos fricción, ya que el objetivo de usar un IdP social para el registro es hacer que el proceso sea más simple y ágil para el usuario.

Uso de la API

Cree un formulario de registro para capturar campos personalizados

name es un atributo del perfil de usuario y color es un campo personalizado.

Actualmente no hay forma de validar los campos personalizados proporcionados por el usuario durante el registro. La validación debe realizarse mediante una Rule de Auth0 al iniciar sesión, o con lógica personalizada del lado del servidor en su aplicación.

Envíe los datos del formulario

Envíe una solicitud POST al endpoint /dbconnections/signup de Auth0.

Deberá enviar:

• El client_id de su aplicación
• El email y la password del usuario que se va a registrar
• El nombre de la connection de base de datos donde se almacenarán los datos del usuario
• Cualquier atributo del perfil de usuario que desee actualizar, incluidos given_name, family_name, name, nickname y picture.
• Cualquier campo personalizado como parte de user_metadata

Limitaciones de los campos personalizados

Cuando sus usuarios se registran, los campos personalizados se envían como parte de user_metadata. Las limitaciones de este campo son las siguientes:

• user_metadata no debe contener más de 10 campos
• user_metadata.field debe ser una cadena
• user_metadata.field.value.length debe tener menos de 500 caracteres
• user_metadata.field.length debe tener menos de 100 caracteres
• El límite de tamaño actual de user_metadata es de 16 MB

Modo de redirección

Después de que el usuario inicie sesión correctamente, Auth0 lo redirigirá a la URL de callback que hayas configurado con un JWT (id_token) en la cadena de consulta.

Luego, tu servidor deberá llamar a la API v2 para agregar los campos personalizados necesarios al perfil del usuario.

Añadir username al formulario de registro

Una personalización habitual del registro es añadir un username al formulario de registro.

Para habilitar esta función, activa la opción Requiere username en la sección Conexiones > Base de datos del Dashboard, en la pestaña Configuración, de la conexión que quieras editar.

Captura el campo username en tu formulario personalizado y añádelo al cuerpo de la solicitud.

Opcional: Verifique la solidez de la contraseña

Las políticas de contraseñas para las conexiones de base de datos se pueden configurar en el Dashboard. Para obtener más información, consulte: Solidez de la contraseña en las conexiones de base de datos de Auth0.

Si es necesario para implementar formularios de registro personalizados, las políticas de contraseñas configuradas, junto con otra información de la conexión, se pueden recuperar desde la Management API v2. El resultado puede analizarse del lado del cliente y contendrá información sobre la política de contraseñas actual (o las políticas) configurada en el Dashboard para esa conexión.