---
title: "Habilitar autenticación"
url: https://docs.catalyst.zoho.com/es/tutorials/photo-store-app/nodejs/enable-auth/
description: "Cree una aplicación de galería React para cargar imágenes en un bucket en Stratus y compartir estas imágenes con otros usuarios registrados. Aloje la aplicación en AppSail, sincronícela con GitHub y despliéguela usando Pipelines."
last_updated: 2026-08-17T12:16:04Z
service: All Services
type: tutorial
related_links:
  - name: "Catalyst Authentication"
    url: /es/cloud-scale/help/authentication/introduction/
  - name: "Hosted Authentication"
    url: /es/cloud-scale/help/authentication/native-catalyst-authentication/hosted-authentication-type/introduction/
---

# Habilitar autenticación

Para este tutorial, habilitará el tipo de **Hosted Authentication**. Este tipo de autenticación nativa le proporcionará páginas dedicadas para cada elemento de inicio de sesión.

Para habilitar el tipo de Hosted Authentication para su aplicación:

1. Navegue al componente **Authentication** en *Security and Identity* y haga clic en **Set Up** en la opción de [Native Catalyst Authentication](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/native-catalyst-authentication/introduction/).
    ![catalyst_tutorials_photostore_authentication_first_look](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_authentication_first_look.webp)

2. Seleccione **Hosted Authentication** y haga clic en **Next**.
    ![catalyst_tutorials_photostore_hosted_auth_type_sel](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_hosted_auth_type_sel.webp)

> **Info:**

* [Conozca más sobre el tipo Hosted Authentication](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/native-catalyst-authentication/hosted-authentication-type/introduction/).

* [Conozca más sobre el tipo Embedded Authentication](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/native-catalyst-authentication/embedded-authentication/introduction/).

* [Conozca más sobre el tipo Third-party Authentication](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/third-party-authentication/introduction/).

3. Proporcione un nombre para su marca y cargue su logotipo como imagen. Puede usar las paletas de colores en la consola para dar estilo a su elemento de inicio de sesión. Use la sección *Preview* a la derecha y diseñe el elemento de inicio de sesión según su preferencia.
    ![catalyst_tutorials_photostore_hosted_auth_setip_inprog](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_hosted_auth_setip_inprog.webp)

> **Nota:** Puede usar la sección *Preview* para ver simultáneamente el estilo de sus elementos de inicio de sesión **Sign In**, **Sign Up**, **Password Reset** y **Confirm Password**. Sin embargo, para ver la página de **Sign Up**, necesita habilitar **Public Signup**. Los pasos para habilitar **Public Signup** se detallan a continuación.

4. Haga clic en el botón de alternancia para habilitar *Public Signup*.
    ![catalyst_tutorials_photostore_hosted_auth_public_toggle](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_hosted_auth_public_toggle.webp)

    Lea la ventana emergente de información y haga clic en **Yes, Proceed**.
    ![catalyst_tutorials_photostore_toggle_confirm](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_toggle_confirm.webp)

> **Info:** [Conozca más sobre Public Signup](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/public-signup/).

5. Puede habilitar cualquiera de los **Social Logins** según sus preferencias.
    ![catalyst_tutorials_photostore_hosted_auth_social_login](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_hosted_auth_social_login.webp)

> **Info:** [Conozca los pasos para generar las credenciales de `Client ID` y `Client Secret` requeridas para configurar otros Social Logins](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/social-logins/configuring-social-logins/).

6. Omitiremos la sección de **Additional Settings** por ahora. Revisitaremos la función de **Authorized Domains** presente en esta sección en un paso posterior. Haga clic en **Finish**.
    ![catalyst_tutorials_photostore_addn_settings](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_addn_settings.webp)

Hosted Authentication estará habilitado para su aplicación.

Podrá ver el estilo y las URLs de acceso seguro generadas para cada uno de sus elementos de inicio de sesión en la sección de *Authentication* Types.
![catalyst_tutorials_photostore_auth_done](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_auth_done.webp)

> **Info:** El resto de las secciones no son necesarias para la funcionalidad de la aplicación. Sin embargo, puede conocerlas a través de los siguientes enlaces:

* [Conozca más sobre los tipos de autenticación](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/authentication-types/).

* [Conozca más sobre la gestión de usuarios](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/user-management/introduction/).

* [Conozca más sobre las listas blancas](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/whitelisting/introduction/).

* [Conozca más sobre las plantillas de correo electrónico](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/email-templates/introduction/).