--- title: "Introducción" url: https://docs.catalyst.zoho.com/es/tutorials/hosted-login-app/java/introduction/ description: "Crea una aplicación Basic o React con Catalyst Hosted Authentication que ofrece registro, inicio de sesión, restablecimiento de contraseña e inicio federado." last_updated: 2026-11-04T10:10:44Z service: All Services type: tutorial related_links: - name: "Project Directory Structure" url: /es/cli/v1/project-directory-structure/introduction/ - name: "Hosted Authentication Type" url: /es/cloud-scale/help/authentication/native-catalyst-authentication/hosted-authentication-type/introduction/ - name: "User Management" url: /es/cloud-scale/help/authentication/user-management/introduction/ - name: "Custom User Validation" url: /es/cloud-scale/help/authentication/whitelisting/custom-user-validation/introduction/ - name: "Social Logins" url: /es/cloud-scale/help/authentication/social-logins/introduction/ - name: "Java SDK" url: /es/sdk/java/v1/overview/ - name: "Node.js SDK" url: /es/sdk/nodejs/v2/overview/ - name: "Python SDK" url: /es/sdk/python/v1/overview/ --- # 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](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/whitelisting/custom-user-validation/introduction/). La aplicación **Authorization Portal** utiliza los siguientes servicios de Catalyst y sus respectivos componentes: - [**Catalyst CloudScale**](https://docs.catalyst.zoho.com/es/cloud-scale/) - **Authentication**: El usuario final será autenticado en tu aplicación mediante [Hosted Authentication](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/native-catalyst-authentication/hosted-authentication-type/introduction/), un tipo de [Native Catalyst Authentication](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/native-catalyst-authentication/introduction/). - **Web Client Hosting**: El frontend de la aplicación se alojará en Catalyst utilizando el componente [Web Client Hosting](https://docs.catalyst.zoho.com/es/cloud-scale/help/web-client-hosting/introduction/). Puedes inicializar y configurar el client como una [aplicación web Basic](https://docs.catalyst.zoho.com/es/cli/v1/initialize-resources/initialize-client/#basic-client-applications), una [aplicación React](https://docs.catalyst.zoho.com/es/cli/v1/initialize-resources/initialize-client/#react-applications) o una [aplicación Angular](https://docs.catalyst.zoho.com/es/cli/v1/initialize-resources/initialize-client/#angular-applications). - [**Catalyst Serverless**](https://docs.catalyst.zoho.com/es/serverless/) - **Functions**: Codificaremos la función [Basic I/O](https://docs.catalyst.zoho.com/es/serverless/help/functions/basic-io/) 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](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/social-logins/configuring-social-logins/#enable-zoho-social-login) - [Google](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/social-logins/configuring-social-logins/#enable-google-social-login) - [Microsoft 365](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/social-logins/configuring-social-logins/#enable-microsoft-365-social-login) - [LinkedIn](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/social-logins/configuring-social-logins/#enable-linkedin-social-login) - [Facebook](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/social-logins/configuring-social-logins/#enable-facebook-social-login) - 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](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/email-templates/customizing-email-templates/) de **Email Verification** y **Password Reset**. - Configurar y agregar una función de [Custom User Validation](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/whitelisting/custom-user-validation/introduction/) - 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: ![catalyst_authentication_hosted_catalyst_deploy_app_complete](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_deploy_app_complete.webp) 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](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/user-management/introduction/), 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](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/user-management/roles/introduction/). * **Authentication Type**: Podrás ver el [tipo de autenticación](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/authentication-types/) 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](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/whitelisting/custom-user-validation/introduction/). También puedes usar esta sección para habilitar el [acceso CORS e iFrame](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/whitelisting/authorized-domains/introduction/) 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](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/email-templates/introduction/). Utilizaremos la [consola web de Catalyst](https://console.catalyst.zoho.com/baas/index) y la [interfaz de línea de comandos (CLI) de Catalyst](https://docs.catalyst.zoho.com/es/cli/v1/cli-command-reference/) 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