--- title: "Configurar Hosted Authentication" url: https://docs.catalyst.zoho.com/es/tutorials/hosted-login-app/nodejs/configure-hosted-login/ 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-10-06T06:21:49Z service: All Services type: tutorial related_links: - name: "Setup Hosted Authentication type" url: /es/cloud-scale/help/authentication/native-catalyst-authentication/hosted-authentication-type/configure-hosted-authentication/ - name: "Configure Social Logins" url: /es/cloud-scale/help/authentication/social-logins/configuring-social-logins/ --- # Configurar Hosted Authentication para la aplicación Configuremos el tipo de *Native Catalyst Authentication*, *Hosted Login*, en esta sección. 1. Authentication es un componente de [Catalyst Cloud Scale](https://docs.catalyst.zoho.com/es/cloud-scale/). Haz clic en el ícono de **Cloud Scale** en el menú de navegación lateral de la consola para acceder a la consola del servicio Cloud Scale y luego haz clic en **Start Exploring**. ![catalyst_authentication_cloudscale_view](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_cloudscale_view.webp) 2. Haz clic en **Authentication** en *Security & Identity* para acceder al componente Authentication. ![catalyst_authentication_console_view](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/authorisation-portal-cloudscale-authentication.webp) 3. Puedes configurar el elemento de autenticación de tu aplicación usando [*Native Catalyst Authentication*](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/native-catalyst-authentication/introduction/) o un servicio de [*Third-party Authentication*](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/third-party-authentication/introduction/). Para este tutorial, vamos a configurar la autenticación de la aplicación usando [*Hosted Login*](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/native-catalyst-authentication/hosted-authentication-type/introduction/), un tipo de *Native Catalyst Authentication*. Haz clic en el botón **Set Up** en la sección *Native Catalyst Authentication* para comenzar a configurar tu elemento de inicio de sesión. ![catalyst_authentication_native_setup_highlight](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_native_setup_highlight.webp) > **Nota:** * [Embedded Login](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/native-catalyst-authentication/embedded-authentication/introduction/) * [Third-party Authentication ](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/third-party-authentication/introduction/) 4. Selecciona *Hosted Authentication* y haz clic en **Next**. ![catalyst_authentication_hosted_setup_highlight](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_setup_highlight.webp) 5. Ingresa el nombre de tu empresa u otro nombre de tu preferencia en el campo *Company Name* y sube un archivo de imagen de tu elección para el *Company Logo*. ![catalyst_authentication_hosted_name_n_logo](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_name_n_logo.webp) > **Nota:** Para los fines de este tutorial, estamos usando "**Zylker Technologies Pvt. Ltd.**" como nombre de la empresa. 6. Usa las paletas de colores en la consola para estilizar tu elemento de inicio de sesión. Usa la sección *Preview* a la derecha y diseña el elemento de inicio de sesión según tu preferencia. ![catalyst_authentication_hosted_design_color_pallete](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_design_color_pallete.webp) > **Nota:** Puedes usar la sección *Preview* para ver simultáneamente el estilo de tus elementos de *Sign In*, *Sign Up* y *Password Reset*. Sin embargo, para ver la página de *Sign Up*, necesitas habilitar Public Signup. Los pasos involucrados en habilitar *Public Signup* se indican a continuación. 7. Haz clic en el **botón de alternancia** para habilitar *Public Signup*. ![catalyst_authentication_hosted_oublic_toggle_highlight](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_oublic_toggle_highlight.webp) * Lee la ventana emergente de información y haz clic en **Yes, Proceed**. ![catalyst_authentication_hosted_public_signup_proceed](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_public_signup_proceed.webp) > **Nota:** Para obtener más información sobre *Public Signup*, visita este [documento de ayuda](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/public-signup/). 8. Puedes agregar cualquiera o todos los [Social Logins](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/social-logins/introduction/) que están presentes en la consola. ![catalyst_authentication_social_login_configurations](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_social_login_configurations.webp) Para habilitar el inicio de sesión social de **Zoho**: - Haz clic en el botón **Zoho** e ingresa "**AuthorizationPortal**" como el *Client Name*. ![catalyst_authentication_social_login_zoho_configuring](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_social_login_zoho_configuring.webp) - Haz clic en **Enable**. ![catalyst_authentication_hosted_zoho_sl_alone](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_zoho_sl_alone.webp) Tus usuarios finales ahora pueden iniciar sesión en tu aplicación usando sus credenciales de Zoho. > **Nota:** Como tu aplicación se está construyendo en Catalyst by Zoho, no necesitas crear credenciales OAuth de `Client ID` y `Client Secret`. Para habilitar el inicio de sesión social de **Google**: - Haz clic en el botón **Google** e ingresa las credenciales OAuth `Client ID` y `Client Secret` que obtuviste en la consola de Google en sus respectivos campos. ![catalyst_authentication_social_login_google_configuring](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_social_login_google_configuring.webp) > **Nota:** Los pasos para obtener las credenciales OAuth `Client ID` y `Client Secret` para cada uno de los inicios de sesión sociales se pueden consultar en los siguientes documentos de ayuda: [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) y [Facebook](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/social-logins/configuring-social-logins/#enable-facebook-social-login). - Haz clic en **Enable**. ![catalyst_authentication_hosted_zoho_google_sl_alone](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_zoho_google_sl_alone.webp) Tus usuarios finales ahora pueden iniciar sesión en tu aplicación usando sus credenciales de **Google**. Puedes repetir los mismos pasos para habilitar los otros inicios de sesión sociales. ![catalyst_authentication_social_logins_configured](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_social_logins_configured.webp) 9. Haz clic en **Next**. > **Nota:** Siempre tienes la opción de [editar tu diseño y las configuraciones de inicio de sesión social](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/native-catalyst-authentication/hosted-authentication-type/edit-hosted-authentication/) en un momento posterior usando la sección *Authentication Type*. 10. Configuraremos la sección *Additional Settings* en un momento posterior usando la funcionalidad *Whitelisting*. Haz clic en **Finish**. ![catalyst_authentication_addn_settings_skip](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_addn_settings_skip.webp) Ahora podrás ver y verificar que el tipo *Hosted Authentication* ha sido habilitado para tu aplicación. ![catalyst_authentication_hoted_login_enabled](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hoted_login_enabled.webp) También podrás ver que Catalyst ha generado `Access URLs` seguros para tus páginas de *Login*, *Sign Up* y *Password Reset*, y ha aplicado automáticamente tus preferencias de estilo en todas las páginas correspondientes. ![catalyst_authentication_hoted_login_enabled_three_pages](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hoted_login_enabled_three_pages.webp)