--- title: "Probar su aplicación" url: https://docs.catalyst.zoho.com/es/tutorials/photo-store-app/nodejs/test-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: "Servir 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 --- # Probar su aplicación Antes de desplegar la aplicación en la consola remota, puede [probar la aplicación](https://docs.catalyst.zoho.com/es/cli/v1/serve-resources/introduction/) en un servidor local y verificar si todo funciona usando la CLI de Catalyst. Para servir el proyecto de Catalyst localmente, ejecute el siguiente comando desde el directorio de su proyecto: ```sh catalyst serve ``` La aplicación se servirá idealmente en el puerto predeterminado `3001`. ![catalyst_tutorials_photostore_stratus_catalyst_serve](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_catalyst_serve.webp) > **Nota:** Cada vez que acceda a la página principal o a cualquiera de las subpáginas de su aplicación, la CLI mostrará un registro en vivo de la URL accedida, junto con el método de solicitud HTTP. ![catalyst_tutorials_photostore_stratus_catalyst_serve_init_2](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_catalyst_serve_init_2.webp) > **Nota:** Asegúrese de haber incluido en la lista blanca la URL de su localhost usando la función Bucket CORS como se demostró en [este paso](https://docs.catalyst.zoho.com/es/tutorials/photo-store-app/nodejs/config-appsail/#enable-bucket-cors). Ahora puede abrir la URL de localhost de la aplicación en un navegador para acceder a la aplicación PhotoStoreApp. ![catalyst_tutorials_photostore_stratus_pipelines_serve_cli__browser](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_pipelines_serve_cli__browser.webp) ### Caso de prueba 1: Funcionalidad de inicio de sesión La primera página de la aplicación será la pantalla de inicio de sesión. ![catalyst_tutorials_photostore_stratus_login_screen](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_login_screen.webp) Una vez que complete el proceso de inicio de sesión, será agregado a la aplicación y podrá acceder a todas las funcionalidades de la aplicación. ![catalyst_tutorials_photostore_stratus_login_logged_on](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_login_logged_on.webp) Puede gestionar los registros de usuarios finales usando la función [**User Management**](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/user-management/introduction/) presente en el componente *Authentication*. ![catalyst_tutorials_photostore_stratus_auth_user_mgmt](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_auth_user_mgmt.webp) ### Caso de prueba 2: Funcionalidad de carga Puede intentar cargar una imagen desde su sistema local a la aplicación haciendo clic en el botón **Upload**. ![catalyst_tutorials_photostore_stratus_upload_hihg](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_upload_hihg.webp) Haga clic en **Upload** una vez que haya elegido un archivo de su sistema local. ![catalyst_tutorials_photostore_stratus_upload_pic](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_upload_pic.webp) La imagen se cargará en el bucket y se renderizará en la aplicación. ![catalyst_tutorials_photostore_stratus_uploaded_func](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_uploaded_func.webp) Puede verificar la carga en el bucket. ![catalyst_tutorials_photostore_stratus_objects_page](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_objects_page.webp) Para ver el objeto, puede hacer clic en el botón **Goto Preview** o ejecutar la **Object URL** para ver el objeto. ![catalyst_tutorials_photostore_stratus_objects_objctURL](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_objects_objctURL.webp) ### Caso de prueba 3: Funcionalidad de visualización Puede hacer clic en el ícono del **menú hamburguesa** para ver las imágenes cargadas en la vista de lista. ![catalyst_tutorials_photostore_stratus_list_view](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_list_view.webp) Puede usar el **ícono hamburguesa** nuevamente para cambiar la vista de vuelta a miniaturas. ![catalyst_tutorials_photostore_stratus_thumbnail_view](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_thumbnail_view.webp) También puede hacer clic en la imagen requerida para verla en su tamaño original. ![catalyst_tutorials_photostore_stratus_og_view](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_og_view.webp) ### Caso de prueba 4: Funcionalidad de eliminación y descarga Tiene la opción de descargar o eliminar una imagen cargada. Para eliminar una imagen, puede hacer clic en el **ícono de eliminar** en la *vista de lista* o hacer clic en el **ícono de puntos suspensivos** y hacer clic en **Delete** en la *vista de miniaturas*. ![catalyst_tutorials_photostore_stratus_del_view](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_del_view.webp) La imagen será eliminada. ![catalyst_tutorials_photostore_stratus_del_cmpltd](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_del_cmpltd.webp) De manera similar, para descargar una imagen, puede hacer clic en el **ícono de descarga** en la *vista de lista* o hacer clic en el **ícono de puntos suspensivos** y hacer clic en **Download** en la *vista de miniaturas*. ![catalyst_tutorials_photostore_stratus_download_sel](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_download_sel.webp) La imagen requerida se descargará a su sistema local. ![catalyst_tutorials_photostore_stratus_downloaded_cmpltd](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_downloaded_cmpltd.webp) ### Caso de prueba 5: Funcionalidad de compartir Puede elegir compartir imágenes con otros usuarios finales registrados. Haga clic en el ícono de **compartir** para compartir la imagen requerida con otros usuarios finales registrados. ![catalyst_tutorials_photostore_stratus_share_func](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_share_func.webp) También puede elegir compartir la imagen con el usuario registrado con acceso de **View** o **Edit**. ![catalyst_tutorials_photostore_stratus_share_func_permis](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_share_func_permis.webp) El acceso **View** solo permitirá al usuario final descargar la imagen. El acceso **Edit** permite al usuario final actualizar, eliminar y descargar la imagen. Una vez que haya compartido una imagen con el usuario final, este podrá ver la imagen compartida en su **Shared Gallery**. ![catalyst_tutorials_photostore_stratus_shared_gallery](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_shared_gallery.webp) Puede usar la sección **Manage Shared Details** para actualizar el nivel de acceso de las imágenes. ![catalyst_tutorials_photostore_stratus_share_func_accesses](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_share_func_accesses.webp) Use el menú desplegable **Access Type** para actualizar el nivel de acceso de la imagen requerida y haga clic en **Update** para aplicar los cambios. ![catalyst_tutorials_photostore_stratus_share_update_access](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_share_update_access.webp) También puede usar el interruptor **Revoke Access** y hacer clic en **Update** para eliminar todo acceso a la imagen requerida. ![catalyst_tutorials_photostore_stratus_share_revoke_access](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_share_revoke_access.webp) El usuario compartido ya no podrá ver la imagen previamente compartida. Si la aplicación funciona como se define en esta página, entonces puede desplegar la aplicación.