Directorio del Client
La carpeta client en el directorio del proyecto contiene todos los componentes del front-end de tu aplicación. Estos incluyen los archivos HTML de las páginas web, los archivos CSS, los archivos JavaScript que habilitan los elementos accionables en tu página web y otros archivos requeridos.
Archivos del Directorio del Client
Por defecto, la carpeta del Client se configura con los siguientes archivos:
index.html:
El archivo index.html es el nombre de archivo predeterminado para la página de inicio de tu aplicación web. Se crea con una estructura de código de ejemplo.
main.css:
El archivo main.css contiene los estilos de las páginas de tu aplicación web. Se crea como un archivo vacío.
main.js:
El archivo main.js define la funcionalidad de la página de inicio de la aplicación web. Se crea como un archivo vacío.
Archivo client-package json
El client-package.json es el archivo de configuración de tu recurso Client. Contiene las siguientes especificaciones de tu aplicación por defecto:
{
"name":"shipmentTracking",
"version":"0.0.2",
"homepage":"index.html",
"login_redirect":"home.html",
"404":"custom404.html"
}
- name: El nombre del web Client. Una vez que establezcas un nombre y alojes la aplicación, no debes cambiarlo. Cambiar el nombre de la aplicación web después de haberla alojado resultará en un error.
- version: La versión de la aplicación web que se aloja, en formato decimal. Con cada actualización posterior de tu aplicación, puedes modificar el número de versión de manera incremental. No puedes decrementar el número de versión.
- homepage: La URL de la página de inicio de la aplicación web. Si modificas el nombre del archivo index.html, debes cambiar el valor correspondiente en este archivo también.
Aparte de estas especificaciones obligatorias, también puedes incluir estas propiedades:
- description: La descripción de la aplicación web. Esta se puede modificar durante las actualizaciones de versión.
- login_redirect: La página a la que el usuario debe ser redirigido después de un inicio de sesión exitoso en la aplicación web.
- 404: Una página 404 personalizada que puedes crear para tu aplicación. Cada vez que los usuarios de tu aplicación intenten acceder a una página inexistente que resulte en un error 404, serán redirigidos a esta página personalizada.
-
Si proporcionas una ruta a una página 404 personalizada usando la clave 404, puedes nombrar ese archivo como desees. Si no configuras una clave 404 en el archivo client-package.json, aún puedes incluir una página con el nombre exacto 404.html en el directorio.
-
Catalyst buscará la clave 404 en el archivo clientpackage.json. Si existe, Catalyst renderizará ese archivo en caso de que ocurra un error 404 en la aplicación. Si no se proporciona una ruta para una página 404 personalizada en tu aplicación, Catalyst buscará cualquier archivo llamado 404.html en el directorio del Client. Si ninguno existe, los usuarios serán redirigidos a una página 404 predeterminada proporcionada por Catalyst.
Puedes agregar más archivos del Client de tu aplicación web y crear subcarpetas dentro de la carpeta del Client según lo necesites. Sin embargo, el archivo client-package.json debe estar presente obligatoriamente solo en la raíz de tu recurso Client y no en ninguna subcarpeta.
-
Una página de inicio para tu aplicación web y el archivo client-package.json deben estar presentes obligatoriamente en el directorio del Client. Los archivos CSS y JS son opcionales, según la funcionalidad de tu aplicación. Puedes eliminar los archivos main.css y main.js si no los necesitas.
-
Al alojar una aplicación web, debes asegurarte de que las especificaciones mencionadas en el archivo client-package.json sean precisas y que hayas seguido todas las directrices mencionadas anteriormente. Para aprender más sobre el alojamiento de una aplicación web, consulta Web Client Hosting.
-
Puedes configurar el componente Client en cualquier momento usando el CLI mientras trabajas con el proyecto. Para aprender más, consulta Trabajar con el Client.
Última actualización 2026-03-20 21:51:56 +0530 IST
Yes
No
Thank you for your feedback!
Send your feedback to us