--- title: "Probar la aplicación" url: https://docs.catalyst.zoho.com/es/tutorials/hosted-login-app/nodejs/test-app/ description: "Crea una aplicación sencilla Basic o React utilizando las funcionalidades de Catalyst Hosted Authentication que proporciona registro de usuarios, inicio de sesión, restablecimiento de contraseña e implementa el inicio de sesión mediante proveedores de identidad federados populares." last_updated: 2026-08-17T12:16:04Z 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 que todo funcione 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_authentication_hosted_catalyst_serve](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve.webp) > **Nota:** Cada vez que accedas a la página de inicio o a cualquiera de las subpáginas de tu cliente, o a la función, la CLI mostrará un registro en vivo de la URL accedida, junto con el método HTTP que se utiliza para acceder a ella. Ahora puedes abrir la URL local del componente del cliente 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 #### Registrarse 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 datos 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 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, iniciarás 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 provoque 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 diferente a Zylker Technology (`@zylker.com`), el usuario final no podrá registrarse en la aplicación. 2. No podrás registrarte en la aplicación usando una dirección de correo electrónico diferente a la codificada para permitir 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 inicio de sesión social que hayas configurado para comenzar el proceso de registro. Para esta prueba, nos registramos usando el [inicio de sesión social 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) Iniciarás 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 ha sido 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 la 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 la OTP recibida 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_hosted_login_react_catalyst_serve](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_hosted_login_react_catalyst_serve.webp) > **Nota:** Cada vez que accedas a la página de inicio o a cualquiera de las subpáginas de tu cliente, o a la función, la CLI mostrará un registro en vivo de la URL accedida, junto con el método HTTP que se utiliza para acceder a ella. Ahora puedes abrir la URL local del componente del cliente 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 #### Registrarse 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 datos 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 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, iniciarás 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 provoque 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 diferente a Zylker Technology (`@zylker.com`), el usuario final no podrá registrarse en la aplicación. 2. No podrás registrarte en la aplicación usando una dirección de correo electrónico diferente a la codificada para permitir 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 inicio de sesión social que hayas configurado para comenzar el proceso de registro. Para esta prueba, nos registramos usando el [inicio de sesión social 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) Iniciarás 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 ha sido 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 la 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 la OTP recibida 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 cliente, o a la función, la CLI mostrará un registro en vivo de la URL accedida, junto con el método HTTP que se utiliza 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 del cliente en un navegador para acceder a la aplicación. ### Caso de prueba 1 #### Registrarse 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 datos 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 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, iniciarás 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 provoque 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 diferente a Zylker Technology (`@zylker.com`), el usuario final no podrá registrarse en la aplicación. 2. No podrás registrarte en la aplicación usando una dirección de correo electrónico diferente a la codificada para permitir 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 inicio de sesión social que hayas configurado para comenzar el proceso de registro. Para esta prueba, nos registramos usando el [inicio de sesión social 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) Iniciarás 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 ha sido 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 la 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 la OTP recibida 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.