---
title: "Desplegar su aplicación"
url: https://docs.catalyst.zoho.com/es/tutorials/photo-store-app/nodejs/deploy-app/
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 Stratus"
    url: /es/cloud-scale/help/stratus/introduction/
  - name: "Catalyst Pipelines"
    url: /es/pipelines/help/pipelines/introduction/
  - name: "Configurar el flujo de Pipelines"
    url: /es/pipelines/help/catalyst-pipelines.yaml/implementation/
  - name: "Desplegar recursos desde la CLI"
    url: /es/cli/v1/serve-resources/introduction/
  - name: "SDK Web de Stratus"
    url: /es/sdk/web/v4/cloud-scale/stratus/overview/
  - name: "API REST de Stratus"
    url: /es/api/code-reference/cloud-scale/stratus/get-all-buckets/#GetAllBuckets
---

# Desplegar su aplicación

Vamos a usar el servicio [Catalyst Pipelines](https://docs.catalyst.zoho.com/es/pipelines/help/pipelines/introduction/) para desplegar y mantener su aplicación tanto en la consola de Catalyst como en su repositorio de GitHub requerido.

Usar el servicio Pipelines nos permite utilizar un paquete dependiente de la plataforma como [Sharp](https://www.npmjs.com/package/sharp). Necesitamos el paquete Sharp para convertir y renderizar las imágenes cargadas como miniaturas en el cliente.

Catalyst se ejecuta en una máquina Linux. Para usar el paquete sharp y alojarlo en Catalyst, podría instalar la biblioteca de paquetes basada en Linux para el paquete sharp y desplegar la aplicación. Alternativamente, podría desplegar fácilmente la aplicación usando el servicio Catalyst Pipelines y todas las dependencias requeridas se manejarán automáticamente. Usar el servicio Pipelines le permite sincronizar de manera fluida los archivos de su aplicación entre su repositorio de GitHub y la consola de Catalyst.

Para desplegar la aplicación usando Pipelines:

1. Haga clic en el **ícono de Pipelines** presente en la barra lateral de la consola para acceder al servicio *Pipelines*.
    ![catalyst_tutorials_photostore_stratus_pipelines_icons](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_pipelines_icons.webp)

2. Haga clic en **Create Pipelines**.
    ![catalyst_tutorials_photostore_stratus_pipelines_create_pipeline](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_pipelines_create_pipeline.webp)

3. Nombre su pipeline como "`PhotoStore-pipeline`" y seleccione **GitHub** como la fuente de integración.
    ![catalyst_tutorials_photostore_stratus_name_github_sel](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_name_github_sel.webp)

> **Info:** Estamos demostrando el servicio Pipelines usando GitHub. También puede usar las fuentes de GitLab y BitBucket si su requisito lo demanda.

4. Agregue su cuenta de GitHub desde el menú desplegable. Si no la ha agregado previamente, puede hacer clic en el botón **+Add Account** y seguir los pasos de inicio de sesión para agregar la cuenta de GitHub al servicio *Catalyst Pipelines*.
    ![catalyst_tutorials_photostore_stratus_sel_github_acc](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_sel_github_acc.webp)

5. Seleccione su *Organización* de GitHub requerida y el repositorio que creó anteriormente para mantener los archivos de la aplicación.
    ![catalyst_tutorials_photostore_stratus_sel_github_acc_repo_sel](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_sel_github_acc_repo_sel.webp)

6. Ahora será dirigido a la **vista de código** del archivo `catalyst-pipelines.yaml`.
    ![catalyst_tutorials_photostore_stratus_pipelines_yml_code_file_org](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_pipelines_yml_code_file_org.webp)

    También puede hacer clic en la pestaña **Builder** para configurar el archivo `.yaml` usando la interfaz de usuario.
    ![catalyst_tutorials_photostore_stratus_sel_github_acc_yaml_buildeR_file](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_sel_github_acc_yaml_buildeR_file.webp)

7. Copie y pegue el siguiente fragmento para definir la secuencia de [etapas](https://docs.catalyst.zoho.com/es/pipelines/help/catalyst-pipelines.yaml/build-the-pipeline/stages/) y [configurar el flujo de su Pipeline](https://docs.catalyst.zoho.com/es/pipelines/help/catalyst-pipelines.yaml/implementation/).

**catalyst-pipelines.yaml**

```xml
version: 1
jobs:
  deploy:
    steps:
      - cd photo-store-app
      - npm install
      - npm run build
      - cd ..
      - cd server
      - npm install
      - cd ..
      - cd scripts
      - npm install
      - cd ..
      - node ./scripts/filesHelper.js -c ./server/ ./build/server/
      - node ./scripts/filesHelper.js -c ./photo-store-app/build/ ./build/photo-store-app/
      - npm install -g zcatalyst-cli@beta
      - catalyst deploy
stages:
  - name: build
    jobs:
      - deploy

```

8. Haga clic en **Commit** para ejecutar su Pipeline.
    ![catalyst_tutorials_photostore_stratus_pipelines_yml_cmpltd](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_pipelines_yml_cmpltd.webp)

9. Proporcione un mensaje de commit y haga clic en **Commit**.
    ![catalyst_tutorials_photostore_stratus_pipelines_commit_msg](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_pipelines_commit_msg.webp)

Será dirigido a la sección de resumen, donde se mostrará el estado del pipeline junto con otros detalles generales.
![catalyst_tutorials_photostore_stratus_pipelines_queued](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_pipelines_queued.webp)

Con este paso, el Pipeline ha sido configurado y comenzará automáticamente su ejecución.

### Agregar variables globales

Agregaremos dos Variables Globales para este Pipeline.

* `CATALYST_TOKEN`: Esta variable necesita ser agregada para apuntar su CLI local al Pipeline. Los pasos para generar el token requerido se enumeran a continuación.

> **Nota:** Esta variable debe ser agregada obligatoriamente si está usando la CLI para desplegar mediante el servicio Pipeline.

* `CI`: Necesitará establecer el valor como `False`. Esto asegurará que el Pipeline no falle incluso si hay advertencias en su código.

> **Info:** [Conozca más sobre las Variables Globales](https://docs.catalyst.zoho.com/es/pipelines/help/catalyst-pipelines.yaml/build-the-pipeline/variables/#global-variables).

#### Generar token de Catalyst

Necesitamos generar un token para permitir que la CLI de Catalyst ejecute comandos de la CLI desde su sistema local al Pipeline.

Para generar un token:

1. Ejecute el siguiente comando en su CLI

```sh
catalyst token:generate
```

![catalyst_tutorials_photostore_stratus_pipelines_token_gen](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_pipelines_token_gen.webp)

2. Navegue a la URL mostrada en su CLI, ingrese el código de verificación generado en la CLI y haga clic en **Verify**.
    ![catalyst_tutorials_photostore_stratus_pipelines_token_entered](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_pipelines_token_entered.webp)

Una vez que la CLI sea verificada, se generará el token.
![catalyst_tutorials_photostore_stratus_pipelines_tokens_completed](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_pipelines_tokens_completed.webp)

> **Info:** [Conozca más sobre la generación de tokens](https://docs.catalyst.zoho.com/es/cli/v1/working-with-tokens/generate-token/)

Ahora, comencemos a agregar las variables globales requeridas.

Para agregar Variables Globales:

1. Haga clic en **Global Variables**.
    ![catalyst_tutorials_photostore_stratus_pipelines_gv_hihglit](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_pipelines_gv_hihglit.webp)

2. Ingrese `CATALYST_TOKEN` como clave y el token generado como valor. Haga clic en el **ícono +** para agregar el siguiente token.
    ![catalyst_tutorials_photostore_stratus_pipelines_tokens_gv_1](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_pipelines_tokens_gv_1.webp)

3. Ingrese `CI` como la clave y `False` como su valor. Haga clic en **Save** para agregar las variables.
    ![catalyst_tutorials_photostore_stratus_pipelines_tokens_gv_2](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_pipelines_tokens_gv_2.webp)

Las variables requeridas han sido agregadas.

Puede verificar el estado del pipeline haciendo clic en el pipeline ejecutado para obtener más detalles.
![catalyst_tutorials_photostore_stratus_pipelines_running_status](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_pipelines_running_status.webp)

Haga clic en la pestaña **Advanced** para obtener más detalles sobre el proceso.
![catalyst_tutorials_photostore_stratus_pipelines_adv_processes](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_pipelines_adv_processes.webp)

En unos momentos, el pipeline se ejecutará exitosamente.
![catalyst_tutorials_photostore_stratus_pipelines_success_exec](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_pipelines_success_exec.webp)

La aplicación ahora estará sincronizada en GitHub y la consola de Catalyst.
![catalyst_tutorials_photostore_stratus_pipelines_success_github](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_pipelines_success_github.webp)

Ahora podrá acceder a la versión desplegada de la aplicación usando la **App URL** generada en el componente AppSail presente en el servicio *Catalyst Serverless*.
![catalyst_tutorials_photostore_stratus_catalyst_appsail_service_url_first_dep](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_catalyst_appsail_service_url_first_dep.webp)

Puede ejecutar esta URL en el navegador para acceder a la versión desplegada de su aplicación.
![catalyst_tutorials_photostore_stratus_pipelines_app_deployed_done](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_pipelines_app_deployed_done.webp)