Introducción

Este tutorial te ayudará a crear una aplicación client sencilla que permite a tus usuarios finales iniciar sesión en tu aplicación después de haber sido autenticados mediante Catalyst Hosted Authentication con una función de Custom User Validation.

La aplicación Authorization Portal utiliza los siguientes servicios de Catalyst y sus respectivos componentes:

• Catalyst Cloud Scale
  • Authentication: El usuario final será autenticado en tu aplicación mediante Hosted Authentication, un tipo de Native Catalyst Authentication.
  • Web Client Hosting: El frontend de la aplicación se alojará en Catalyst utilizando el componente Web Client Hosting. Puedes inicializar y configurar el client como una aplicación web Basic, una aplicación React o una aplicación Angular.
• Catalyst Serverless
  • Functions: Codificaremos la función Basic I/O en Java para implementar Custom User Validation.

Este tutorial te ayudará a comprender el uso de las diversas funcionalidades del tipo Hosted Authentication. Incorporaremos las siguientes funcionalidades en este tutorial:

• Registrar usuarios finales en la aplicación web usando su dirección de correo electrónico
• Iniciar sesión de usuarios finales en la aplicación usando la información de la cuenta de registro
• Iniciar sesión de usuarios finales en la aplicación usando cualquiera o todos los siguientes proveedores de identidad federados:
  • Zoho
  • Google
  • Microsoft 365
  • LinkedIn
  • Facebook
• Restablecer la contraseña en caso de que un usuario final olvide su contraseña
• Personalizar y estilizar los elementos de inicio de sesión de las siguientes páginas: Sign Up, Confirm Password, Log In y Password Reset.
• Personalizar y configurar las plantillas de correo electrónico de Email Verification y Password Reset.
• Configurar y agregar una función de Custom User Validation
• Iniciar y cerrar sesión en la aplicación

La siguiente imagen es un ejemplo de cómo se verá la pantalla de inicio de sesión de la aplicación client:

Utilizarás las siguientes funcionalidades del componente Authentication para construir esta aplicación:

• User Management: Los detalles del usuario se guardan automáticamente en esta sección, después de que se registren en la aplicación. Usando esta funcionalidad, puedes gestionar el acceso de los usuarios finales a tu aplicación y configurar sus roles.

• Authentication Type: Podrás ver el tipo de autenticación que has configurado para tu aplicación y editar tus configuraciones si es necesario.

• Whitelisting: Usarás esta sección para habilitar Custom User Validation. También puedes usar esta sección para habilitar el acceso CORS e iFrame a tu aplicación.

• Email Templates: Podrás configurar y personalizar los correos electrónicos de Email Verification y Password Reset desde esta sección.

Utilizaremos la consola web de Catalyst y la interfaz de línea de comandos (CLI) de Catalyst para construir esta aplicación.

En este tutorial se te proporcionará el código de los archivos que se incluirán en el directorio de funciones y client de tu proyecto. Puedes copiar el código proporcionado o personalizarlo si lo consideras necesario, y pegarlo en los archivos correspondientes según las indicaciones.

Arquitectura de la aplicación