--- title: "Probar la aplicación" url: https://docs.catalyst.zoho.com/es/tutorials/hosted-login-app/java/test-app/ 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: "Serve CLI Resources" url: /es/cli/v1/serve-resources/introduction --- # Probar la aplicación Antes de desplegar la aplicación en la consola remota, puedes probar la aplicación en un servidor local y verificar si todo funciona usando la CLI de Catalyst. Para obtener información detallada sobre `catalyst serve`, consulta la [página de ayuda de Serve Resources](https://docs.catalyst.zoho.com/es/cli/v1/serve-resources/introduction). Para servir el proyecto de Catalyst localmente, ejecuta el siguiente comando desde el directorio de tu proyecto: ```sh catalyst serve ``` La aplicación del portal de autorización ahora se servirá en el `puerto 3000` predeterminado. Las URLs de los endpoints locales de los componentes se mostrarán en la CLI. **Aplicación web básica** ![catalyst_alcity_catalyst_java_basic_serve](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_alcity_catalyst_java_basic_serve.webp) > **Nota:** Cada vez que accedas a la página de inicio o a cualquiera de las subpáginas de tu client, o a la función, la CLI mostrará un registro en vivo de la URL accedida, junto con el método HTTP utilizado para acceder a ella. Ahora puedes abrir la URL local del componente client en un navegador para acceder a la aplicación. ![catalyst_authentication_hosted_catalyst_serve_intro](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_intro.webp) ### Caso de prueba 1 #### Registro usando dirección de correo electrónico 1. Haz clic en **Sign Up** para crear una nueva cuenta. ![catalyst_authentication_hosted_catalyst_serve_sing_up_highlight](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_sing_up_highlight.webp) 2. Ingresa los detalles requeridos y haz clic en **Sign Up**. ![catalyst_authentication_hosted_catalyst_serve_signup](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_signup.webp) 3. Se enviará el correo electrónico de [Email Verification](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/email-templates/introduction/) a la dirección de correo electrónico que usaste para registrarte. ![catalyst_authentication_hosted_catalyst_serve_email_triggered](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_email_triggered.webp) 4. Haz clic en el enlace del correo electrónico. ![catalyst_authentication_hosted_catalyst_serve_email_check](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_email_check.webp) 5. Sigue las instrucciones y establece tu contraseña. ![catalyst_authentication_hosted_catalyst_serve_cnf_pwd](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_cnf_pwd.webp) Una vez establecida la contraseña, habrás iniciado sesión en la aplicación. ![catalyst_authentication_hosted_catalyst_serve_logged_in](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_logged_in.webp) Puedes verificar esto viendo la información del usuario en la sección [User Management](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/user-management/introduction/) del componente *Authentication* en la consola. ![catalyst_authentication_hosted_catalyst_serve_account_added](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_account_added.webp) ### Caso de prueba 2 #### Probar Custom User Validation 1. Regístrate en la aplicación usando una dirección de correo electrónico que induzca una instancia de fallo. ![catalyst_authentication_hosted_catalyst_serve_custom_check](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_custom_check.webp) > **Nota:** Para los fines de este tutorial, hemos codificado una lógica para la función de Custom User Validation donde si el proveedor de correo electrónico del usuario es cualquier otro que no sea Zylker Technology (`@zylker.com`), el usuario final no podrá registrarse en la aplicación. 2. No podrás registrarte en la aplicación usando ninguna dirección de correo electrónico distinta a la codificada como permitida en la lógica de la función. ![catalyst_authentication_hosted_catalyst_serve_custom_success](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_custom_success.webp) ### Caso de prueba 3 #### Registrarse en la aplicación usando Social Logins 1. Puedes hacer clic en un social login que hayas configurado para comenzar el proceso de registro. Para esta prueba, nos registramos usando el [social login de Zoho](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/social-logins/configuring-social-logins/#enable-zoho-social-login). ![catalyst_authentication_hosted_catalyst_serve_zoho_login](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_zoho_login.webp) 2. Haz clic en **Accept**. ![catalyst_authentication_hosted_catalyst_serve_zoho_accept_login](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_zoho_accept_login.webp) Habrás iniciado sesión en la aplicación. ![catalyst_authentication_hosted_catalyst_serve_logged_in](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_logged_in.webp) Puedes verificar que el usuario final se ha agregado viendo sus detalles en la sección *User Management* del componente Authentication en la consola. ### Caso de prueba 4 #### Funcionalidad de restablecimiento de contraseña 1. Haz clic en la opción **Forgot Password**. ![catalyst_authentication_hosted_catalyst_serve_forgot_pwd_highlight](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_forgot_pwd_highlight.webp) 2. Ingresa la dirección de correo electrónico. ![catalyst_authentication_hosted_catalyst_serve_pwd_email_enter](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_pwd_email_enter.webp) 3. Ingresa el captcha. ![catalyst_authentication_hosted_catalyst_serve_pwd_captcha](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_pwd_captcha.webp) 4. Aún puedes desbloquear una opción si recuerdas alguna contraseña anterior que hayas usado para crear esta cuenta. Sin embargo, para probar esta funcionalidad, haz clic en **Continue to reset password**. ![catalyst_authentication_hosted_catalyst_serve_pwd_cont_reset](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_pwd_cont_reset.webp) 5. Haz clic en **SEND OTP** para enviar el OTP a tu dirección de correo electrónico. ![catalyst_authentication_hosted_catalyst_serve_pwd_otp](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_pwd_otp.webp) 6. Ingresa el OTP recibido en tu correo electrónico y haz clic en **Verify**. ![catalyst_authentication_hosted_catalyst_serve_pwd_otp_entered](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_pwd_otp_entered.webp) 7. Ahora puedes crear tu nueva contraseña y hacer clic en **Change Password**. ![catalyst_authentication_hosted_catalyst_serve_pwd_confirm_reset](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_pwd_confirm_reset.webp) Serás redirigido a la página de inicio de sesión, donde puedes iniciar sesión en la aplicación usando la nueva contraseña. **Aplicación web React** ![catalyst_alcity_catalyst_java_react_serve](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_alcity_catalyst_java_react_serve.webp) > **Nota:** Cada vez que accedas a la página de inicio o a cualquiera de las subpáginas de tu client, o a la función, la CLI mostrará un registro en vivo de la URL accedida, junto con el método HTTP utilizado para acceder a ella. Ahora puedes abrir la URL local del componente client en un navegador para acceder a la aplicación. ![catalyst_authentication_hosted_catalyst_serve_intro](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_intro.webp) ### Caso de prueba 1 #### Registro usando dirección de correo electrónico 1. Haz clic en **Sign Up** para crear una nueva cuenta. ![catalyst_authentication_hosted_catalyst_serve_sing_up_highlight](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_sing_up_highlight.webp) 2. Ingresa los detalles requeridos y haz clic en **Sign Up**. ![catalyst_authentication_hosted_catalyst_serve_signup](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_signup.webp) 3. Se enviará el correo electrónico de [Email Verification](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/email-templates/introduction/) a la dirección de correo electrónico que usaste para registrarte. ![catalyst_authentication_hosted_catalyst_serve_email_triggered](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_email_triggered.webp) 4. Haz clic en el enlace del correo electrónico. ![catalyst_authentication_hosted_catalyst_serve_email_check](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_email_check.webp) 5. Sigue las instrucciones y establece tu contraseña. ![catalyst_authentication_hosted_catalyst_serve_cnf_pwd](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_cnf_pwd.webp) Una vez establecida la contraseña, habrás iniciado sesión en la aplicación. ![catalyst_authentication_hosted_catalyst_serve_logged_in](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_logged_in.webp) Puedes verificar esto viendo la información del usuario en la sección [User Management](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/user-management/introduction/) del componente *Authentication* en la consola. ![catalyst_authentication_hosted_catalyst_serve_account_added](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_account_added.webp) ### Caso de prueba 2 #### Probar Custom User Validation 1. Regístrate en la aplicación usando una dirección de correo electrónico que induzca una instancia de fallo. ![catalyst_authentication_hosted_catalyst_serve_custom_check](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_custom_check.webp) > **Nota:** Para los fines de este tutorial, hemos codificado una lógica para la función de Custom User Validation donde si el proveedor de correo electrónico del usuario es cualquier otro que no sea Zylker Technology (`@zylker.com`), el usuario final no podrá registrarse en la aplicación. 2. No podrás registrarte en la aplicación usando ninguna dirección de correo electrónico distinta a la codificada como permitida en la lógica de la función. ![catalyst_authentication_hosted_catalyst_serve_custom_success](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_custom_success.webp) ### Caso de prueba 3 #### Registrarse en la aplicación usando Social Logins 1. Puedes hacer clic en un social login que hayas configurado para comenzar el proceso de registro. Para esta prueba, nos registramos usando el [social login de Zoho](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/social-logins/configuring-social-logins/#enable-zoho-social-login). ![catalyst_authentication_hosted_catalyst_serve_zoho_login](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_zoho_login.webp) 2. Haz clic en **Accept**. ![catalyst_authentication_hosted_catalyst_serve_zoho_accept_login](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_zoho_accept_login.webp) Habrás iniciado sesión en la aplicación. ![catalyst_authentication_hosted_catalyst_serve_logged_in](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_logged_in.webp) Puedes verificar que el usuario final se ha agregado viendo sus detalles en la sección *User Management* del componente Authentication en la consola. ### Caso de prueba 4 #### Funcionalidad de restablecimiento de contraseña 1. Haz clic en la opción **Forgot Password**. ![catalyst_authentication_hosted_catalyst_serve_forgot_pwd_highlight](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_forgot_pwd_highlight.webp) 2. Ingresa la dirección de correo electrónico. ![catalyst_authentication_hosted_catalyst_serve_pwd_email_enter](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_pwd_email_enter.webp) 3. Ingresa el captcha. ![catalyst_authentication_hosted_catalyst_serve_pwd_captcha](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_pwd_captcha.webp) 4. Aún puedes desbloquear una opción si recuerdas alguna contraseña anterior que hayas usado para crear esta cuenta. Sin embargo, para probar esta funcionalidad, haz clic en **Continue to reset password**. ![catalyst_authentication_hosted_catalyst_serve_pwd_cont_reset](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_pwd_cont_reset.webp) 5. Haz clic en **SEND OTP** para enviar el OTP a tu dirección de correo electrónico. ![catalyst_authentication_hosted_catalyst_serve_pwd_otp](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_pwd_otp.webp) 6. Ingresa el OTP recibido en tu correo electrónico y haz clic en **Verify**. ![catalyst_authentication_hosted_catalyst_serve_pwd_otp_entered](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_pwd_otp_entered.webp) 7. Ahora puedes crear tu nueva contraseña y hacer clic en **Change Password**. ![catalyst_authentication_hosted_catalyst_serve_pwd_confirm_reset](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_pwd_confirm_reset.webp) Serás redirigido a la página de inicio de sesión, donde puedes iniciar sesión en la aplicación usando la nueva contraseña. **Aplicación web Angular** ![catalyst_authentication_hosted_client_angular_catalyst_serve_cli](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_client_angular_catalyst_serve_cli.webp) Cada vez que accedas a la página de inicio o a cualquiera de las subpáginas de tu client, o a la función, la CLI mostrará un registro en vivo de la URL accedida, junto con el método HTTP utilizado para acceder a ella. ![catalyst_authentication_hosted_client_angular_catalyst_serve_cli_actions](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_client_angular_catalyst_serve_cli_actions.webp) Ahora puedes abrir la URL local del componente client en un navegador para acceder a la aplicación. ### Caso de prueba 1 #### Registro usando dirección de correo electrónico 1. Haz clic en **Sign Up** para crear una nueva cuenta. ![catalyst_authentication_hosted_catalyst_serve_sing_up_highlight](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_sing_up_highlight.webp) 2. Ingresa los detalles requeridos y haz clic en **Sign Up**. ![catalyst_authentication_hosted_catalyst_serve_signup](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_signup.webp) 3. Se enviará el correo electrónico de [Email Verification](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/email-templates/introduction/) a la dirección de correo electrónico que usaste para registrarte. ![catalyst_authentication_hosted_catalyst_serve_email_triggered](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_email_triggered.webp) 4. Haz clic en el enlace del correo electrónico. ![catalyst_authentication_hosted_catalyst_serve_email_check](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_email_check.webp) 5. Sigue las instrucciones y establece tu contraseña. ![catalyst_authentication_hosted_catalyst_serve_cnf_pwd](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_cnf_pwd.webp) Una vez establecida la contraseña, habrás iniciado sesión en la aplicación. ![catalyst_authentication_hosted_catalyst_serve_logged_in](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_logged_in.webp) Puedes verificar esto viendo la información del usuario en la sección [User Management](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/user-management/introduction/) del componente *Authentication* en la consola. ![catalyst_authentication_hosted_catalyst_serve_account_added](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_account_added.webp) ### Caso de prueba 2 #### Probar Custom User Validation 1. Regístrate en la aplicación usando una dirección de correo electrónico que induzca una instancia de fallo. ![catalyst_authentication_hosted_catalyst_serve_custom_check](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_custom_check.webp) > **Nota:** Para los fines de este tutorial, hemos codificado una lógica para la función de Custom User Validation donde si el proveedor de correo electrónico del usuario es cualquier otro que no sea Zylker Technology (`@zylker.com`), el usuario final no podrá registrarse en la aplicación. 2. No podrás registrarte en la aplicación usando ninguna dirección de correo electrónico distinta a la codificada como permitida en la lógica de la función. ![catalyst_authentication_hosted_catalyst_serve_custom_success](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_custom_success.webp) ### Caso de prueba 3 #### Registrarse en la aplicación usando Social Logins 1. Puedes hacer clic en un social login que hayas configurado para comenzar el proceso de registro. Para esta prueba, nos registramos usando el [social login de Zoho](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/social-logins/configuring-social-logins/#enable-zoho-social-login). ![catalyst_authentication_hosted_catalyst_serve_zoho_login](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_zoho_login.webp) 2. Haz clic en **Accept**. ![catalyst_authentication_hosted_catalyst_serve_zoho_accept_login](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_zoho_accept_login.webp) Habrás iniciado sesión en la aplicación. ![catalyst_authentication_hosted_catalyst_serve_logged_in](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_logged_in.webp) Puedes verificar que el usuario final se ha agregado viendo sus detalles en la sección *User Management* del componente Authentication en la consola. ### Caso de prueba 4 #### Funcionalidad de restablecimiento de contraseña 1. Haz clic en la opción **Forgot Password**. ![catalyst_authentication_hosted_catalyst_serve_forgot_pwd_highlight](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_forgot_pwd_highlight.webp) 2. Ingresa la dirección de correo electrónico. ![catalyst_authentication_hosted_catalyst_serve_pwd_email_enter](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_pwd_email_enter.webp) 3. Ingresa el captcha. ![catalyst_authentication_hosted_catalyst_serve_pwd_captcha](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_pwd_captcha.webp) 4. Aún puedes desbloquear una opción si recuerdas alguna contraseña anterior que hayas usado para crear esta cuenta. Sin embargo, para probar esta funcionalidad, haz clic en **Continue to reset password**. ![catalyst_authentication_hosted_catalyst_serve_pwd_cont_reset](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_pwd_cont_reset.webp) 5. Haz clic en **SEND OTP** para enviar el OTP a tu dirección de correo electrónico. ![catalyst_authentication_hosted_catalyst_serve_pwd_otp](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_pwd_otp.webp) 6. Ingresa el OTP recibido en tu correo electrónico y haz clic en **Verify**. ![catalyst_authentication_hosted_catalyst_serve_pwd_otp_entered](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_pwd_otp_entered.webp) 7. Ahora puedes crear tu nueva contraseña y hacer clic en **Change Password**. ![catalyst_authentication_hosted_catalyst_serve_pwd_confirm_reset](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_pwd_confirm_reset.webp) Serás redirigido a la página de inicio de sesión, donde puedes iniciar sesión en la aplicación usando la nueva contraseña.