Aviso:

Para brindarle información de soporte completa de manera más rápida, el contenido de esta página ha sido traducido al español mediante traducción automática. Para consultar la información de soporte más precisa, consulte la versión en inglés de este contenido.

Probar su aplicación

Antes de desplegar la aplicación en la consola remota, puede probar la aplicación 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:

copy
$
catalyst serve

La aplicación se servirá idealmente en el puerto predeterminado 3001. catalyst_tutorials_photostore_stratus_catalyst_serve

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
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.

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

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

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

Puede gestionar los registros de usuarios finales usando la función User Management presente en el componente Authentication. catalyst_tutorials_photostore_stratus_auth_user_mgmt

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

Haga clic en Upload una vez que haya elegido un archivo de su sistema local. catalyst_tutorials_photostore_stratus_upload_pic

La imagen se cargará en el bucket y se renderizará en la aplicación. catalyst_tutorials_photostore_stratus_uploaded_func

Puede verificar la carga en el bucket. catalyst_tutorials_photostore_stratus_objects_page

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

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

Puede usar el ícono hamburguesa nuevamente para cambiar la vista de vuelta a miniaturas. catalyst_tutorials_photostore_stratus_thumbnail_view

También puede hacer clic en la imagen requerida para verla en su tamaño original. catalyst_tutorials_photostore_stratus_og_view

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

La imagen será eliminada. catalyst_tutorials_photostore_stratus_del_cmpltd

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

La imagen requerida se descargará a su sistema local. catalyst_tutorials_photostore_stratus_downloaded_cmpltd

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

También puede elegir compartir la imagen con el usuario registrado con acceso de View o Edit. catalyst_tutorials_photostore_stratus_share_func_permis

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

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

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

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

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.

Última actualización 2026-03-20 21:51:56 +0530 IST