# Alojamiento de cliente web -------------------------------------------------------------------------------- title: "Introducción" description: "Catalyst te permite alojar de forma fácil y segura clientes web de aplicaciones construidas en cualquier framework de frontend, y gestionar el versionado de aplicaciones web." last_updated: "2026-07-02T09:34:15.857Z" source: "https://docs.catalyst.zoho.com/es/cloud-scale/help/web-client-hosting/introduction/" service: "Cloud Scale" -------------------------------------------------------------------------------- # Web Client Hosting ## Introducción Web Client Hosting es un componente de Catalyst Cloud Scale que te permite alojar la parte cliente de las aplicaciones web que construyes directamente desde la plataforma de Catalyst. Catalyst proporciona un Web SDK con funcionalidades completas que incluye clases y métodos JavaScript para ayudarte a integrar varios componentes de Catalyst en tu aplicación cliente web. Todo el proceso de alojamiento y entrega está impulsado por Catalyst, asegurando que tus aplicaciones web se sirvan de manera confiable y eficiente. Puedes consultar la documentación del Web SDK para más información. Catalyst proporciona una plataforma de producción confiable, segura y rentable basada en la nube, junto con recursos escalables, para alojar tus aplicaciones. Nuestros servidores se adaptan a las necesidades fluctuantes de tu aplicación y manejan todos los trabajos de backend. Puedes alojar tu aplicación cliente web fácilmente y gestionar su versionado, como actualizar a una versión más nueva o revertir a una versión anterior, desde la consola. Catalyst te permite alojar y gestionar una aplicación web por cada proyecto. Nota: El alojamiento de clientes web es adecuado para aplicaciones web básicas y simples. Puedes explorar nuestro robusto servicio de desarrollo frontend, Slate, que te permite desplegar aplicaciones web sin complicaciones en una variedad de frameworks JavaScript populares como Next.js, Angular, React, Vue y más. Slate también proporciona despliegues automatizados desde GitHub, GitLab o Bitbucket, y ofrece una serie de otras funcionalidades avanzadas. Solo puedes alojar tu aplicación web en el entorno de desarrollo de tu proyecto de Catalyst. No podrás alojarla directamente en producción. Debes desplegar tu proyecto de Catalyst al entorno de producción para que esté disponible allí. Luego puedes distribuir la aplicación a los usuarios finales. Por lo tanto, cuando actualices la versión de tu aplicación en Catalyst, no afectará la aplicación que ya está en producción hasta que migres los cambios a producción. Catalyst proporciona una URL de aplicación predeterminada para tu cliente web tanto en el entorno de desarrollo como en el de producción, después de que lo alojes. Puedes acceder a tu aplicación desde esa URL, o mapear tu propio dominio usando Domain Mappings y distribuirlo a los usuarios finales. Catalyst también te ayuda a incorporar fácilmente Push Notifications para tus aplicaciones web y enviar notificaciones de prueba desde la consola. En general, puedes desplegar clientes web en Catalyst de tres formas diferentes: * Desplegar el cliente web desde el Catalyst CLI:<br /> Puedes desplegar tanto los recursos del cliente web como los de functions de un proyecto de Catalyst juntos como la aplicación completa, o individualmente, usando Catalyst CLI. Consulta la página de ayuda de Deploy Resources para más detalles. * Desplegar el cliente web desde un repositorio de GitHub:<br /> Catalyst te permite integrar tu cuenta de GitHub con tu cuenta de Catalyst y acceder a tus repositorios de GitHub en la consola de Catalyst. Puedes desplegar un repositorio Git fácilmente desde la consola. Esto desplegará los archivos del proyecto, como el cliente web y las functions, en tu proyecto de Catalyst en la consola. Consulta la página de ayuda de GitHub Integration para más detalles. * Desplegar el cliente web desde la consola:<br /> Puedes desplegar el cliente web desde la sección _Web Client Hosting_ en la consola de Catalyst. Esta documentación cubre los conceptos y procedimientos de este método únicamente. -------------------------------------------------------------------------------- title: "Conceptos clave" description: "Catalyst te permite alojar de forma fácil y segura clientes web de aplicaciones construidas en cualquier framework de frontend, y gestionar el versionado de aplicaciones web." last_updated: "2026-07-02T09:34:15.858Z" source: "https://docs.catalyst.zoho.com/es/cloud-scale/help/web-client-hosting/key-concepts/" service: "Cloud Scale" -------------------------------------------------------------------------------- # Conceptos clave Antes de alojar una aplicación cliente web en Catalyst, asegúrate de subir los recursos del cliente en el formato correcto. ### Formato de archivos fuente Debes asegurarte de subir los recursos del cliente de tu aplicación web en el formato correcto para alojarla en Catalyst sin errores. Para alojar una aplicación cliente web en Catalyst, necesitas subir los archivos fuente de la aplicación web en la estructura de directorio de proyecto estándar. Esto se explica en detalle en la **página de ayuda de Project Directory Structure**. Aquí tienes un vistazo rápido a la estructura de directorio de proyecto estándar en Catalyst: * El directorio del proyecto contiene fundamentalmente dos carpetas: functions y client. Debes subir solo el directorio client en _Web Client Hosting_. El directorio client debe contener todos los archivos cliente frontend de la aplicación, como los archivos JavaScript, HTML y CSS. <br /> Nota: El archivo de configuración catalyst.json no es necesario cuando alojas tu aplicación web desde la consola de Catalyst en _Web Client Hosting_. Solo es necesario cuando despliegas los archivos de tu aplicación desde el CLI o desde un repositorio de GitHub. * El directorio client debe contener dos archivos: un archivo index.html que es la página principal de tu aplicación web, y un archivo client-package.json que contiene la información de configuración de los recursos del cliente. Todos los demás archivos de estilos, scripts o HTML del frontend son opcionales, según los requisitos de tu aplicación web.<br /> Nota: Cuando inicializas el cliente web usando el CLI, el CLI crea automáticamente el client-package.json en su estructura base. Sin embargo, si no usaste el CLI para inicializar tu cliente web y despliegas el cliente usando la consola directamente, debes asegurarte de crear el archivo client-package.json en el directorio client manualmente e incluir el código necesario en la estructura estándar. Puedes consultar la ayuda sobre la estructura del archivo client-package.json. * Debes proporcionar el nombre de tu aplicación web en el archivo client-package.json. Este será el nombre final de tu aplicación. Una vez que establezcas un nombre y alojes la aplicación, no debes cambiarlo. * En caso de que renombres el archivo index.html o desees usar un archivo diferente como la página principal de tu aplicación web, debes hacer los cambios necesarios en el archivo client-package.json. Una vez que hayas seguido todas las directrices mencionadas anteriormente, puedes alojar tu aplicación web desde la consola de Catalyst. Cualquier discrepancia con la estructura de directorio estándar podría resultar en un error al alojar la aplicación. ### URL predeterminada de la aplicación web Puedes obtener la URL predeterminada de tu aplicación desde _Web Client Hosting_ o desde la sección de configuración de Environments en tu consola, después de que se aloje. La URL predeterminada de la aplicación se genera para el entorno de desarrollo cuando alojas tu aplicación. Después de desplegar tu aplicación a producción, se genera una URL de producción. Las URLs de desarrollo y producción difieren ligeramente en sus formatos. Ambas URLs contienen: * Nombre de dominio del proyecto: El nombre de dominio único que se genera para tu proyecto cuando lo alojas en _Web Client Hosting_. Ejemplo: _shipmenttracking-57673975_. * Dominio de la aplicación: El dominio para todas las aplicaciones de Catalyst que alojas, que es 'catalystserverless.com'. Sin embargo, la URL de la aplicación de desarrollo también contiene el tipo de entorno, y su valor es development. Por ejemplo, '_https://shipmenttracking-57673975.development.catalystserverless.com_'. El tipo de entorno no se especifica en la URL de producción. Es decir, la URL de producción será '_https://shipmenttracking-57673975.catalystserverless.com_'. Como se mencionó en la Introducción, también puedes mapear tu dominio con Catalyst y usar esa URL en su lugar. ### Versionado de aplicaciones El versionado de aplicaciones se puede manejar fácilmente en Catalyst. El archivo de configuración client-package.json contiene la información de versión de tu cliente web. Se deben seguir las siguientes directrices al proporcionar la información de versión en el archivo client-package.json: 1. Debes especificar el número de versión de la aplicación en formato decimal en el campo version. El version se especifica como '1.0.0' por defecto cuando se crea el archivo JSON. 2. Con cada actualización subsiguiente de tu aplicación web, debes modificar el número de versión en el archivo JSON de forma incremental para indicar la siguiente versión superior. 3. No debes decrementar el número de versión una vez que la aplicación web ha sido alojada. Esto causará errores. 4. No debes mantener el mismo número de versión si has modificado la aplicación web y estás desplegando los cambios al entorno de producción. Debes actualizar la versión de la aplicación web de forma incremental. 5. Si eliminas una versión de tu aplicación web que es inferior a la versión actualmente en producción, no podrás reemplazar esa versión, ya que no puedes desplegar una versión decremental. Sin embargo, si eliminas una versión de tu aplicación web que es superior a la versión actualmente en producción, puedes desplegar otra instancia de tu aplicación web con el mismo número de versión que la versión eliminada. La información de versión de tu aplicación web se muestra en la sección _App Version History_ en _Web Client Hosting_. -------------------------------------------------------------------------------- title: "Beneficios" description: "Catalyst te permite alojar de forma fácil y segura clientes web de aplicaciones construidas en cualquier framework de frontend, y gestionar el versionado de aplicaciones web." last_updated: "2026-07-02T09:34:15.858Z" source: "https://docs.catalyst.zoho.com/es/cloud-scale/help/web-client-hosting/benefits/" service: "Cloud Scale" -------------------------------------------------------------------------------- ### Beneficios 1. Entrega rápida de contenido<br /> Los nodos de borde de la Red de Distribución de Contenido de Catalyst abarcan todo el mundo. Esto garantiza una entrega rápida de contenido para los usuarios finales en todas las áreas geográficas. Catalyst también asegura una latencia mínima y sirve tanto contenido estático como dinámico con igual calidad en el rendimiento. 2. Compatible con múltiples tipos de aplicaciones web<br /> Catalyst te permite alojar una variedad de tipos de aplicaciones web, como aplicaciones tanto estáticas como dinámicas. Puedes estructurar y construir tu aplicación, y usar diferentes tipos de contenido que van desde HTML y CSS, hasta cualquier framework o biblioteca de JavaScript, como Angular, React o Ember. 3. Conexión segura<br /> Catalyst prioriza la seguridad de tu aplicación web y asegura que los usuarios finales tengan una experiencia segura y confiable usando la aplicación web. Todas las aplicaciones alojadas a través del dominio de Catalyst contienen un certificado de seguridad SSL por defecto. Si mapeas el dominio propio de tu organización con tu aplicación web, Zoho te proporcionará un certificado SSL grupal obligatorio gratuito para tu dominio. 4. Escalable y adaptable<br /> Catalyst proporciona recursos de servidor eficientes y escalables. Según las necesidades fluctuantes de tu aplicación, los servidores de Catalyst escalan hacia arriba o hacia abajo para acomodar la carga actual. Asegura una consistencia fluida en el rendimiento y la velocidad de tu aplicación web, independientemente del número de conexiones activas o llamadas a la API realizadas al servidor. 5. Acceso fácil y rápido<br /> Puedes alojar fácilmente tu aplicación web y desplegar los recursos de su directorio cliente en unos pocos pasos simples desde la consola de Catalyst. Una vez que despliegas los recursos, tu aplicación web estará disponible en el servidor en segundos. Puedes probarla exhaustivamente en el entorno de desarrollo antes de desplegarla a producción. <br /> -------------------------------------------------------------------------------- title: "Implementación" description: "Catalyst te permite alojar de forma fácil y segura clientes web de aplicaciones construidas en cualquier framework de frontend, y gestionar el versionado de aplicaciones web." last_updated: "2026-07-02T09:34:15.858Z" source: "https://docs.catalyst.zoho.com/es/cloud-scale/help/web-client-hosting/implementation/" service: "Cloud Scale" -------------------------------------------------------------------------------- # Implementación La sección de implementación funciona como una guía de procedimientos paso a paso para alojar, actualizar y revertir una aplicación web desde la consola de Catalyst. ### Alojar una aplicación web Como se mencionó anteriormente, el archivo client-package.json contiene toda la información de configuración de la aplicación web. Debes proporcionar el nombre, la descripción, la versión y la información de la página principal de tu aplicación web en él. No necesitarás proporcionar esta información nuevamente al alojar la aplicación web desde la consola. Para alojar los archivos cliente desde la consola de Catalyst, debes subirlos en _Web Client Hosting_ en formato de archivo zip. Puedes nombrar el archivo zip como desees. Esto hará que los archivos estén disponibles automáticamente en tu consola. Una vez que se despliegue el paquete cliente, Catalyst generará la URL de la aplicación web para tu aplicación. Nota: Cuando Catalyst extrae el archivo zip, el archivo client-package.json debe estar presente en la raíz. Por lo tanto, en lugar de comprimir la carpeta client completa, debes navegar dentro de la carpeta client, seleccionar todos los archivos en ella y luego comprimirlos juntos. Vamos a alojar una aplicación web en el proyecto _ShipmentTracking_. Para alojar una aplicación web desde la consola de Catalyst: 1. Navega a Web Client Hosting en _Host and Manage_ en la consola de Catalyst Cloud Scale. 2. Haz clic en Upload para subir el archivo zip de tu aplicación web.<br /> <br /> 3. Selecciona el archivo zip a subir desde tu computadora en la ventana emergente y luego haz clic en Upload.<br /> Tu aplicación web se alojará automáticamente y se mostrará en _Web Client Hosting_. Cuando tu aplicación se aloje exitosamente, la URL predeterminada de la aplicación se generará automáticamente y se mostrará aquí. Ahora podrás acceder a la aplicación desde esta URL. ### Actualizar una aplicación web Como se discutió anteriormente, debes proporcionar la información de versión de tu aplicación en el archivo client-package.json antes de actualizar tu aplicación. Debes seguir todas las directrices de subir una aplicación web al subir una versión actualizada también. Todas tus actualizaciones de versión se muestran en _App Version History_, junto con todos los detalles necesarios. Para subir una versión actualizada de una aplicación web: 1. Haz clic en el ícono de puntos suspensivos en la esquina derecha y luego haz clic en Update.<br /> 2. Selecciona el archivo zip a subir desde tu computadora en la ventana emergente y luego haz clic en Upload.<br /> La versión actualizada de tu aplicación se alojará y los detalles se mostrarán en esta sección. Puedes subir cualquier cantidad de actualizaciones de tu aplicación según sea necesario, pero no podrás renombrar la aplicación. ### Desplegar una versión anterior de una aplicación web Puedes revertir a una versión anterior de tu aplicación de la siguiente manera: 1. Selecciona la versión anterior requerida de la aplicación usando la casilla de verificación, en la sección _App Version History_.<br /> 2. Haz clic en Confirm en la ventana emergente.<br /> La versión anterior de tu aplicación ahora estará alojada. Puedes cambiar a cualquier versión previamente desplegada de la aplicación de la misma manera. ### Eliminar una versión de una aplicación web Puedes eliminar cualquier versión de tu aplicación que no esté alojada actualmente de la siguiente manera: 1. Haz clic en el ícono de eliminar para la versión que deseas eliminar en _App Version History_.<br /> 2. Haz clic en Yes, Proceed en la ventana emergente.<br /> ### Descargar una aplicación web Puedes descargar la versión actual de tu aplicación web que está alojada desde _Web Client Hosting_ a tu sistema local, en caso de que lo necesites. Esto se puede hacer haciendo clic en el ícono de puntos suspensivos en la esquina derecha y luego haciendo clic en Download. Se descargará a tu sistema un archivo zip del paquete cliente que habías subido al alojar la aplicación.