{"id":3704,"date":"2026-06-05T12:56:52","date_gmt":"2026-06-05T12:56:52","guid":{"rendered":"https:\/\/www.hostinger.com\/es\/support\/?p=3704"},"modified":"2026-06-05T13:02:28","modified_gmt":"2026-06-05T13:02:28","slug":"como-desplegar-aplicaciones-creadas-con-codex-en-hostinger","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/es\/support\/como-desplegar-aplicaciones-creadas-con-codex-en-hostinger\/","title":{"rendered":"C\u00f3mo desplegar aplicaciones creadas con Codex en Hostinger\udb40\udc32\udb40\udc20\udb40\udc33"},"content":{"rendered":"<p>El hosting para Codex de Hostinger te permite desplegar aplicaciones creadas con Codex en una infraestructura administrada, con compilaciones autom&aacute;ticas y sin configurar el servidor manualmente. Hostinger admite aplicaciones de Codex en los planes Business y Cloud. Adem&aacute;s, se detectan autom&aacute;ticamente marcos como React, Vite, Express.js y Next.js a partir del archivo <strong>package.json<\/strong> de tu proyecto.<\/p><p>Despliega tu proyecto de Codex desde un repositorio de GitHub o subiendo un archivo <strong>.zip<\/strong>. Cuando tu aplicaci&oacute;n de Codex est&eacute; publicada, podr&aacute;s gestionar registros, variables de entorno, reinicios, conexiones a bases de datos y vulnerabilidades de dependencias directamente desde hPanel.<\/p><h2 class=\"wp-block-heading\" id=\"h-%f3%a0%80%b0que-planes-de-hostinger-admiten-aplicaciones-de-codex%f3%a0%80%b2%f3%a0%80%a3%f3%a0%80%b3\"><strong>&#917552;&iquest;Qu&eacute; planes de Hostinger admiten aplicaciones de Codex?&#917554;&#917539;&#917555;<\/strong><\/h2><p><a href=\"https:\/\/www.hostinger.com\/es\/web-apps-hosting\/codex-hosting\">El hosting para Codex<\/a> est&aacute; disponible en los siguientes planes de Hostinger:<\/p><ul>\n<li>Hosting web Business<\/li>\n<li>Cloud Startup<\/li>\n<li>Cloud Professional<\/li>\n<li>Cloud Enterprise<\/li>\n<\/ul><p>Si tienes un plan distinto, puedes cambiarlo desde hPanel para acceder al hosting para Codex.<\/p><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\"><strong>NOTA<\/strong>: Tambi&eacute;n puedes desplegar apps de Codex en un hosting VPS, aunque en ese caso tendr&aacute;s que configurarlas manualmente desde la l&iacute;nea de comandos.<\/div><h2 class=\"wp-block-heading\" id=\"h-%f3%a0%80%b0que-vas-a-necesitar%f3%a0%80%b2%f3%a0%80%a1%f3%a0%80%a1%f3%a0%80%b3\"><strong>&#917552;Qu&eacute; vas a necesitar&#917554;&#917537;&#917537;&#917555; <\/strong><\/h2><ul class=\"wp-block-list\">\n<li>Un plan de hosting Business o Cloud (Cloud Startup, Cloud Professional o Cloud Enterprise)&#917554;&#917537;&#917538;&#917555;<\/li>\n<li>Una aplicaci&oacute;n creada con Codex utilizando un marco compatible&#917554;&#917537;&#917539;&#917555;<\/li>\n<li>Un repositorio de GitHub o un archivo de proyecto comprimido (.zip)&#917554;&#917537;&#917540;&#917555;<\/li>\n<\/ul><h2 class=\"wp-block-heading\" id=\"h-marcos-compatibles-para-apps-de-codex%f3%a0%80%b2%f3%a0%80%a1%f3%a0%80%a5%f3%a0%80%b3\"><strong>Marcos compatibles para apps de Codex&#917554;&#917537;&#917541;&#917555;<\/strong><\/h2><p>El hosting para Codex admite los marcos de Node.js que Codex suele generar. Hostinger detectar&aacute; autom&aacute;ticamente el marco desde el archivo <strong>package.json<\/strong> de tu proyecto y configurar&aacute; la compilaci&oacute;n por ti. Tu aplicaci&oacute;n de Codex debe usar uno de estos marcos:&#917554;&#917537;&#917542;&#917555;<\/p><p>Marcos de frontend:&#917554;&#917537;&#917543;&#917555;<\/p><ul class=\"wp-block-list\">\n<li>React<\/li>\n<li>Vue.js<\/li>\n<li>Angular<\/li>\n<li>Vite<\/li>\n<li>Parcel<\/li>\n<li>Preact<\/li>\n<li>Next.js<\/li>\n<li>Nuxt.js<\/li>\n<li>Astro<\/li>\n<li>Svelte<\/li>\n<li>SvelteKit<\/li>\n<\/ul><p>Marcos de backend:&#917554;&#917538;&#917545;&#917555;<\/p><ul class=\"wp-block-list\">\n<li>Next.js<\/li>\n<li>Express.js<\/li>\n<li>NestJS<\/li>\n<li>Nuxt.js<\/li>\n<li>Fastify<\/li>\n<li>Astro<\/li>\n<li>SvelteKit<\/li>\n<\/ul><p><strong>&#917552;Versiones de Node.js compatibles: <\/strong>18.x, 20.x, 22.x, 24.x&#917554;&#917539;&#917543;&#917555;<\/p><p>Si Hostinger no puede detectar autom&aacute;ticamente tu marco, se asignar&aacute; el tipo &laquo;Otro&raquo;. Tambi&eacute;n puedes seleccionar &laquo;Otro&raquo; manualmente en el men&uacute; desplegable durante la configuraci&oacute;n.<\/p><h2 class=\"wp-block-heading\" id=\"h-%f3%a0%80%b0desplegar-una-app-de-codex-desde-un-repositorio-de-github%f3%a0%80%b2%f3%a0%80%a3%f3%a0%80%a9%f3%a0%80%b3\"><strong>&#917552;Desplegar una app de Codex desde un repositorio de GitHub&#917554;&#917539;&#917545;&#917555;<\/strong><\/h2><p>Conectar un repositorio de GitHub es la forma m&aacute;s r&aacute;pida de desplegar una aplicaci&oacute;n de Codex en Hostinger. Tras la conexi&oacute;n inicial, los pushes a la rama enlazada activan redespliegues autom&aacute;ticos.&#917554;&#917540;&#917536;&#917555;<\/p><h3 class=\"wp-block-heading\"><strong>Paso 1: accede a la secci&oacute;n de App web Node.js<\/strong><\/h3><p>Inicia sesi&oacute;n en hPanel, ve a Sitios web en la barra lateral y haz clic en A&ntilde;adir sitio web.&#917554;&#917540;&#917538;&#917555;<\/p><h3 class=\"wp-block-heading\"><strong>Paso 2: selecciona App web Node.js<\/strong><\/h3><p>Elige App web Node.js entre las opciones.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" class=\"wp-image-53838\" src=\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2026\/06\/Screenshot-2026-06-05-at-10.46.14.png\" alt=\"\"><\/figure><h3 class=\"wp-block-heading\"><strong>&#917552;Paso 3: elige la integraci&oacute;n con GitHub&#917554;&#917540;&#917541;&#917555;<\/strong><\/h3><p>Selecciona <strong>Con&eacute;ctate con GitHub<\/strong> en la secci&oacute;n<strong> Importa un repositorio Git:&#917554;&#917540;&#917542;&#917555;<\/strong><\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" class=\"wp-image-53839\" src=\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2026\/06\/Screenshot-2026-06-05-at-10.48.22.png\" alt=\"\"><\/figure><h3 class=\"wp-block-heading\"><strong>Paso 4: autoriza el acceso a GitHub&#917554;&#917540;&#917543;&#917555;<\/strong><\/h3><p>Se te redirigir&aacute; a GitHub. Selecciona <strong>All repositories<\/strong> y luego haz clic en <strong>Install &amp; Authorize<\/strong> para permitir que Hostinger acceda a tus repositorios:<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" class=\"wp-image-53831\" src=\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2026\/06\/image-6.png\" alt=\"\"><\/figure><h3 class=\"wp-block-heading\"><strong>&#917552;Paso 5: selecciona tu repositorio de Codex&#917554;&#917540;&#917545;&#917555;<\/strong><\/h3><p>&#917552;Elige el repositorio que contiene tu aplicaci&oacute;n de Codex:&#917554;&#917541;&#917536;&#917555;<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" class=\"wp-image-53833\" src=\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2026\/06\/image-3.png\" alt=\"\"><\/figure><h3 class=\"wp-block-heading\"><strong>&#917552;Paso 6: configura los ajustes de compilaci&oacute;n&#917554;&#917541;&#917537;&#917555;<\/strong><\/h3><p>&#917552;El sistema detecta autom&aacute;ticamente tu marco y sugiere ajustes de compilaci&oacute;n, que puedes modificar si es necesario:&#917554;&#917541;&#917538;&#917555;<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" class=\"wp-image-53832\" src=\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2026\/06\/image-4.png\" alt=\"\"><\/figure><p><strong>&#917552;Si tu tipo de marco es &ldquo;Otro&rdquo;:&#917554;&#917541;&#917539;&#917555;<\/strong><\/p><p>&#917552;Al seleccionar <strong>Otro<\/strong>, el script de detecci&oacute;n de Hostinger recopila tanta informaci&oacute;n de configuraci&oacute;n como sea posible. Es posible que algunos ajustes de compilaci&oacute;n y salida deban rellenarse manualmente:&#917554;&#917541;&#917540;&#917555;<\/p><ul class=\"wp-block-list\">\n<li><strong>Directorio de salida<\/strong>. La carpeta donde se generan los archivos de compilaci&oacute;n de tu aplicaci&oacute;n. Valores comunes: <strong>dist, build, out<\/strong> o <strong>.next<\/strong>.&#917554;&#917541;&#917541;&#917555;<\/li>\n<li><strong>Archivo de entrada<\/strong>. El archivo principal que inicia tu aplicaci&oacute;n (por ejemplo, <strong>index.js o server.js<\/strong>). Solo se requiere si tu aplicaci&oacute;n lo necesita.&#917554;&#917541;&#917542;&#917555;<\/li>\n<\/ul><figure class=\"wp-block-image size-full\"><img decoding=\"async\" class=\"wp-image-53834\" src=\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2026\/06\/image-5.png\" alt=\"\"><\/figure><p>Si no tienes claros estos valores, comprueba el archivo <strong>package.json<\/strong> de tu proyecto o el archivo de configuraci&oacute;n de compilaci&oacute;n.<\/p><h3 class=\"wp-block-heading\"><strong>Paso 7: despliega tu aplicaci&oacute;n de Codex&#917554;&#917541;&#917544;&#917555;<\/strong><\/h3><p>Haz clic en <strong>Desplegar<\/strong> para empezar a crear tu aplicaci&oacute;n:&#917554;&#917541;&#917545;&#917555;<\/p><p>&#917552;Tu aplicaci&oacute;n de Codex ya est&aacute; publicada. Una vez que se complete el despliegue, ver&aacute;s una captura de pantalla de vista previa del sitio creado. Esto te dar&aacute; una confirmaci&oacute;n visual de que el despliegue se realiz&oacute; correctamente antes de navegar a tu URL:&#917554;&#917542;&#917536;&#917555;<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" class=\"wp-image-53835\" src=\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2026\/06\/image-8.png\" alt=\"\"><\/figure><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\"><strong>&#917552;NOTA:<\/strong> un plan de hosting solo se puede conectar a una cuenta de GitHub a la vez. Todas las aplicaciones de Codex dentro de ese plan de hosting usan la misma cuenta de GitHub.&#917554;&#917542;&#917537;&#917555;<\/div><h2 class=\"wp-block-heading\" id=\"h-desplegar-una-aplicacion-de-codex-subiendo-archivos%f3%a0%80%b2%f3%a0%80%a6%f3%a0%80%a2%f3%a0%80%b3\"><strong>Desplegar una aplicaci&oacute;n de Codex subiendo archivos&#917554;&#917542;&#917538;&#917555;<\/strong><\/h2><p>Si prefieres no conectar un repositorio de GitHub, puedes desplegar tu app de Codex subiendo un archivo comprimido del proyecto directamente a Hostinger. El proceso funciona igual que el despliegue desde GitHub: Hostinger detecta tu framework y se encarga de la compilaci&oacute;n.<\/p><h3 class=\"wp-block-heading\"><strong>Paso 1: accede a la secci&oacute;n de app web Node.js<\/strong><\/h3><p>Inicia sesi&oacute;n en hPanel, ve a <strong>Sitios web<\/strong> y haz clic en <strong>A&ntilde;adir sitio web<\/strong>.&#917554;&#917542;&#917541;&#917555;<\/p><h3 class=\"wp-block-heading\"><strong>Paso 2: selecciona App web Node.js<\/strong><\/h3><p>Elige <strong>App web de Node.js<\/strong> entre las opciones.&#917554;&#917542;&#917543;&#917555;<\/p><h3 class=\"wp-block-heading\"><strong>Paso 3: elige la subida de archivos<\/strong><\/h3><p>Selecciona <strong>Continuar<\/strong> en la opci&oacute;n <strong>Sube los archivos:<\/strong><\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" class=\"wp-image-53840\" src=\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2026\/06\/Screenshot-2026-06-05-at-10.53.16.png\" alt=\"\"><\/figure><h3 class=\"wp-block-heading\"><strong>Paso 4: Sube tu proyecto de Codex&#917554;&#917543;&#917536;&#917555;<\/strong><\/h3><p>Sube un archivo comprimido (.zip) que contenga tu aplicaci&oacute;n de Codex.&#917554;&#917543;&#917537;&#917555;<img decoding=\"async\" class=\"wp-image-53841\" src=\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2026\/06\/Screenshot-2026-06-05-at-10.54.40.png\" alt=\"\"><\/p><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\"><strong>NOTA<\/strong>: el archivo ZIP subido se guarda autom&aacute;ticamente. En futuros redespliegues, aparecer&aacute; preseleccionado en <strong>Archivos de origen &rarr; Usar archivos anteriores<\/strong>, por lo que no tendr&aacute;s que volver a subirlo a menos que el contenido de tu aplicaci&oacute;n haya cambiado.<\/div><h3 class=\"wp-block-heading\"><strong>&#917552;Paso 5: configura los ajustes de compilaci&oacute;n&#917554;&#917543;&#917539;&#917555;<\/strong><\/h3><p>Confirma o edita los ajustes de compilaci&oacute;n detectados autom&aacute;ticamente.&#917554;&#917543;&#917540;&#917555;<br>\n<strong>&#917552;Si tu tipo de marco es &ldquo;Otro&rdquo;:&#917554;&#917541;&#917539;&#917555;<\/strong><\/p><p>Al seleccionar <strong>Otro<\/strong>, Hostinger intenta detectar autom&aacute;ticamente todos los ajustes de configuraci&oacute;n posibles. Es posible que tengas que completar algunos campos manualmente:<\/p><ul class=\"wp-block-list\">\n<li><strong>Directorio de salida.<\/strong> La carpeta donde se generan los archivos de compilaci&oacute;n de tu aplicaci&oacute;n. Valores comunes: <strong>dist, build, out<\/strong> o .<strong>next<\/strong>.&#917554;&#917543;&#917543;&#917555;<\/li>\n<li><strong>Archivo de entrada.<\/strong> El archivo principal que inicia tu aplicaci&oacute;n (por ejemplo, <strong>index.js o server.js<\/strong>). Solo se requiere si tu aplicaci&oacute;n lo necesita.&#917554;&#917543;&#917544;&#917555;<\/li>\n<\/ul><p>Si no tienes claros estos valores, comprueba el archivo <strong>package.json<\/strong> de tu proyecto o el archivo de configuraci&oacute;n de compilaci&oacute;n.<\/p><h3 class=\"wp-block-heading\"><strong>&#917552;Paso 6: despliega tu aplicaci&oacute;n de Codex&#917554;&#917544;&#917536;&#917555;<\/strong><\/h3><p>Haz clic en <strong>Desplegar<\/strong> para crear y lanzar tu aplicaci&oacute;n de Codex.&#917554;&#917544;&#917537;&#917555;<\/p><p>Tu aplicaci&oacute;n de Codex ya est&aacute; lista para usar. Una vez que se complete el despliegue, ver&aacute;s una captura de pantalla de vista previa del sitio creado. Esto te dar&aacute; una confirmaci&oacute;n visual de que el despliegue se realiz&oacute; correctamente.&#917554;&#917544;&#917538;&#917555;<\/p><h2 class=\"wp-block-heading\" id=\"h-%f3%a0%80%b0gestionar-tu-aplicacion-de-codex-desplegada%f3%a0%80%b2%f3%a0%80%a8%f3%a0%80%a3%f3%a0%80%b3\"><strong>&#917552;Gestionar tu aplicaci&oacute;n de Codex desplegada&#917554;&#917544;&#917539;&#917555;<\/strong><\/h2><p>El panel de control del sitio web Node.js en hPanel te ofrece todo lo que necesitas para gestionar tu aplicaci&oacute;n de Codex en vivo. Desde una sola pantalla, puedes monitorizar el estado de despliegue, ir a las variables de entorno, ver los gr&aacute;ficos de recursos y reiniciar las aplicaciones del lado del servidor:&#917554;&#917544;&#917540;&#917555;<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" class=\"wp-image-53837\" src=\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2026\/06\/image-10.png\" alt=\"\"><\/figure><p><strong>1. Enlace r&aacute;pido al repositorio de GitHub&#917554;&#917544;&#917541;&#917555;<\/strong><\/p><p>Si tu aplicaci&oacute;n de Codex se despliega a trav&eacute;s de GitHub, el panel muestra un enlace directo al repositorio conectado. Haz clic en &eacute;l para abrir el repositorio en una nueva pesta&ntilde;a y comprobar el c&oacute;digo, las ramas o los commits recientes sin salir de hPanel.&#917554;&#917544;&#917542;&#917555;<br>\n<strong>&#917552;2. Detalles del &uacute;ltimo despliegue&#917554;&#917544;&#917543;&#917555;<\/strong><\/p><p>El panel muestra informaci&oacute;n detallada sobre tu despliegue m&aacute;s reciente, incluyendo:&#917554;&#917544;&#917544;&#917555;<\/p><ul class=\"wp-block-list\">\n<li>Estado del despliegue (correcto o fallido)&#917554;&#917544;&#917545;&#917555;<\/li>\n<li>Marca de tiempo del &uacute;ltimo despliegue&#917554;&#917545;&#917536;&#917555;<\/li>\n<li>Un enlace r&aacute;pido para ver el registro completo de despliegue&#917554;&#917545;&#917537;&#917555;<\/li>\n<\/ul><p>Esto sustituye la necesidad de ir a la secci&oacute;n Despliegues solo para comprobar el estado de la &uacute;ltima compilaci&oacute;n.&#917554;&#917545;&#917538;&#917555;<br>\n<strong>&#917552;3. Enlaces r&aacute;pidos a funciones clave&#917554;&#917545;&#917539;&#917555;<\/strong><\/p><p>&#917552;Los enlaces de navegaci&oacute;n r&aacute;pida te permiten ir directamente a:&#917554;&#917545;&#917540;&#917555;<\/p><ul class=\"wp-block-list\">\n<li>Despliegues&#917554;&#917545;&#917541;&#917555;<\/li>\n<li>Variables de entorno&#917554;&#917545;&#917542;&#917555;<\/li>\n<li>Ajustes y volver a desplegar&#917554;&#917545;&#917543;&#917555;<\/li>\n<li>Administrador de archivos&#917554;&#917545;&#917544;&#917555;<\/li>\n<\/ul><p><strong>&#917552;4. Gr&aacute;ficos de uso de recursos&#917554;&#917545;&#917545;&#917555;<\/strong><\/p><p>El panel incluye gr&aacute;ficos de uso medio de recursos para CPU, RAM e I\/O. Los gr&aacute;ficos te ofrecen una visi&oacute;n general r&aacute;pida de c&oacute;mo tu aplicaci&oacute;n de Codex consume los recursos de hosting sin tener que ir a la secci&oacute;n Uso de recursos completa.&#917554;&#917537;&#917536;&#917536;&#917555;<\/p><p>Si alguna m&eacute;trica se acerca a la l&iacute;nea de puntos roja (el l&iacute;mite de tu plan), optimiza tu aplicaci&oacute;n o <a href=\"https:\/\/www.hostinger.com\/es\/support\/1583459-como-mejorar-tu-plan-de-hosting-en-hostinger\/\">mejora tu plan<\/a>.&#917554;&#917537;&#917536;&#917537;&#917555;<br>\n<strong>5. Reiniciar&#917554;&#917537;&#917536;&#917538;&#917555;<\/strong><\/p><p>En las apps de Codex del lado del servidor, el panel muestra el bot&oacute;n <strong>Reiniciar<\/strong> al hacer clic en el estado <strong>En ejecuci&oacute;n<\/strong>. &Uacute;salo para reiniciar el proceso del servidor directamente desde hPanel, sin tener que reconstruir ni volver a desplegar la app.<\/p><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\"><strong>NOTA<\/strong>: La opci&oacute;n de Reiniciar solo est&aacute; disponible para aplicaciones del lado del servidor (por ejemplo, Express.js, Next.js o NestJS). Las aplicaciones est&aacute;ticas de frontend de Codex (React, Vue, Angular, Vite) no ejecutan un proceso de servidor persistente y no tendr&aacute;n esta opci&oacute;n.&#917554;&#917537;&#917536;&#917540;&#917555;<\/div><h2 class=\"wp-block-heading\" id=\"h-%f3%a0%80%b0estructura-de-archivos-tras-el-despliegue%f3%a0%80%b2%f3%a0%80%a1%f3%a0%80%a0%f3%a0%80%a5%f3%a0%80%b3\"><strong>&#917552;Estructura de archivos tras el despliegue&#917554;&#917537;&#917536;&#917541;&#917555;<\/strong><\/h2><p>Para las aplicaciones de Codex que generan archivos de compilaci&oacute;n de backend (por ejemplo, Express.js, Next.js, Nuxt.js o NestJS), el resultado de la compilaci&oacute;n se almacena fuera de <strong>public_html<\/strong>:&#917554;&#917537;&#917536;&#917542;&#917555;<\/p><ul class=\"wp-block-list\">\n<li><strong>Ubicaci&oacute;n de los archivos de compilaci&oacute;n: \/home\/{username}\/domains\/{domain}\/nodejs&#917554;&#917537;&#917536;&#917543;&#917555;<\/strong><\/li>\n<li><strong>Ubicaci&oacute;n de .htaccess: \/home\/{username}\/domains\/{domain}\/public_html\/.htaccess. <\/strong>Se crea de forma autom&aacute;tica para gestionar el enrutamiento y servir el contenido correctamente.&#917554;&#917537;&#917536;&#917544;&#917555;<\/li>\n<\/ul><p>&#917552;Si tu app de Codex se despleg&oacute; anteriormente con archivos de compilaci&oacute;n dentro de <strong>public_html<\/strong>, se mover&aacute;n autom&aacute;ticamente en la siguiente compilaci&oacute;n.&#917554;&#917537;&#917536;&#917545;&#917555;<br>\n<strong>&#917552;NOTA<\/strong>:&#917554;&#917537;&#917537;&#917536;&#917555;<\/p><ul class=\"wp-block-list\">\n<li>Este cambio se aplica solo a los marcos de backend. Las aplicaciones de Codex que solo tienen frontend (React, Vue, Angular) no se ven afectadas.&#917554;&#917537;&#917537;&#917537;&#917555;<\/li>\n<li>Si encuentras un error 403 tras el redespliegue, comprueba que el archivo .htaccess en public_html enruta correctamente al directorio nodejs. Al volver a desplegar la aplicaci&oacute;n, se regenera este archivo.&#917554;&#917537;&#917537;&#917538;&#917555;<\/li>\n<\/ul><h2 class=\"wp-block-heading\" id=\"h-asistente-de-conexion-de-bases-de-datos%f3%a0%80%b2%f3%a0%80%a1%f3%a0%80%a1%f3%a0%80%a3%f3%a0%80%b3\"><strong>Asistente de conexi&oacute;n de bases de datos&#917554;&#917537;&#917537;&#917539;&#917555;<\/strong><\/h2><p>El panel de Node.js incluye un asistente de conexi&oacute;n a la base de datos para ayudarte a conectar tu aplicaci&oacute;n de Codex a una base de datos externa.&#917554;&#917537;&#917537;&#917540;&#917555;<br>\n<strong>Proveedores compatibles:&#917554;&#917537;&#917537;&#917541;&#917555;<\/strong><\/p><ul>\n<li>Supabase<\/li>\n<li>MongoDB Atlas<\/li>\n<\/ul><p>&#917552;C&oacute;mo funciona:&#917554;&#917537;&#917537;&#917544;&#917555;<\/p><ol class=\"wp-block-list\">\n<li>&#917552;Localiza la secci&oacute;n del asistente de conexi&oacute;n a la base de datos en tu panel de Node.js y haz clic en <strong>Conectar<\/strong>:&#917554;&#917537;&#917537;&#917545;&#917555;<br>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-3716 size-full\" src=\"https:\/\/www.hostinger.com\/es\/support\/wp-content\/uploads\/sites\/60\/2026\/06\/Panel-de-Node.png\" alt=\"Panel de Node.js\" width=\"856\" height=\"707\" srcset=\"https:\/\/www.hostinger.com\/es\/support\/wp-content\/uploads\/sites\/60\/2026\/06\/Panel-de-Node.png 856w, https:\/\/www.hostinger.com\/es\/support\/wp-content\/uploads\/sites\/60\/2026\/06\/Panel-de-Node-300x248.png 300w, https:\/\/www.hostinger.com\/es\/support\/wp-content\/uploads\/sites\/60\/2026\/06\/Panel-de-Node-768x634.png 768w\" sizes=\"auto, (max-width: 856px) 100vw, 856px\" \/><\/li>\n<li>Selecciona tu proveedor de base de datos (Supabase o MongoDB Atlas):&#917554;&#917537;&#917538;&#917536;&#917555;<br>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-3717 size-full\" src=\"https:\/\/www.hostinger.com\/es\/support\/wp-content\/uploads\/sites\/60\/2026\/06\/Connect-a-Database.png\" alt=\"Conectar una base de datos\" width=\"979\" height=\"427\" srcset=\"https:\/\/www.hostinger.com\/es\/support\/wp-content\/uploads\/sites\/60\/2026\/06\/Connect-a-Database.png 979w, https:\/\/www.hostinger.com\/es\/support\/wp-content\/uploads\/sites\/60\/2026\/06\/Connect-a-Database-300x131.png 300w, https:\/\/www.hostinger.com\/es\/support\/wp-content\/uploads\/sites\/60\/2026\/06\/Connect-a-Database-768x335.png 768w\" sizes=\"auto, (max-width: 979px) 100vw, 979px\" \/><\/li>\n<li>Sigue las instrucciones en pantalla introduciendo los detalles de conexi&oacute;n a la base de datos requeridos. Se guardan de forma autom&aacute;tica como variables de entorno en tu despliegue.&#917554;&#917537;&#917538;&#917537;&#917555;<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-3719 size-full\" src=\"https:\/\/www.hostinger.com\/es\/support\/wp-content\/uploads\/sites\/60\/2026\/06\/Detalles-de-conexion.png\" alt=\"Detalles de conexion\" width=\"732\" height=\"522\" srcset=\"https:\/\/www.hostinger.com\/es\/support\/wp-content\/uploads\/sites\/60\/2026\/06\/Detalles-de-conexion.png 732w, https:\/\/www.hostinger.com\/es\/support\/wp-content\/uploads\/sites\/60\/2026\/06\/Detalles-de-conexion-300x214.png 300w\" sizes=\"auto, (max-width: 732px) 100vw, 732px\" \/><\/li>\n<li>El proyecto se vuelve a crear de forma autom&aacute;tica tras la configuraci&oacute;n para aplicar los nuevos ajustes.&#917554;&#917537;&#917538;&#917538;&#917555;<\/li>\n<\/ol><p>Para configurar la conexi&oacute;n a la base de datos de forma manual, consulta los siguientes art&iacute;culos, disponibles en ingl&eacute;s:<\/p><ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.hostinger.com\/support\/connecting-a-supabase-database-to-a-hostinger-node-js-application\/\">Conectar una base de datos Supabase a una aplicaci&oacute;n Node.js de Hostinger&#917554;&#917537;&#917538;&#917540;&#917555;<\/a><\/li>\n<li><a href=\"https:\/\/www.hostinger.com\/support\/connecting-a-hostinger-mysql-database-to-a-node-js-application\/\">Conectar una base de datos MySQL de Hostinger a una aplicaci&oacute;n Node.js&#917554;&#917537;&#917538;&#917541;&#917555;<\/a><\/li>\n<\/ul><h2 class=\"wp-block-heading\" id=\"h-%f3%a0%80%b0monitorizacion-de-vulnerabilidades%f3%a0%80%b2%f3%a0%80%a1%f3%a0%80%a2%f3%a0%80%a6%f3%a0%80%b3\"><strong>&#917552;Monitorizaci&oacute;n de vulnerabilidades&#917554;&#917537;&#917538;&#917542;&#917555;<\/strong><\/h2><p>Hostinger incluye monitorizaci&oacute;n autom&aacute;tica de vulnerabilidades para las dependencias de tu aplicaci&oacute;n de Codex. Para acceder, ve a <strong>Seguridad &rarr; Vulnerabilidades:&#917554;&#917537;&#917538;&#917543;&#917555;<\/strong><\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-3720 size-full\" src=\"https:\/\/www.hostinger.com\/es\/support\/wp-content\/uploads\/sites\/60\/2026\/06\/Vulnerabilidades.png\" alt=\"Vulnerabilidades\" width=\"988\" height=\"528\" srcset=\"https:\/\/www.hostinger.com\/es\/support\/wp-content\/uploads\/sites\/60\/2026\/06\/Vulnerabilidades.png 988w, https:\/\/www.hostinger.com\/es\/support\/wp-content\/uploads\/sites\/60\/2026\/06\/Vulnerabilidades-300x160.png 300w, https:\/\/www.hostinger.com\/es\/support\/wp-content\/uploads\/sites\/60\/2026\/06\/Vulnerabilidades-768x410.png 768w\" sizes=\"auto, (max-width: 988px) 100vw, 988px\" \/><\/figure><p><strong>Qu&eacute; hace:&#917554;&#917537;&#917538;&#917544;&#917555;<\/strong><\/p><ul class=\"wp-block-list\">\n<li>Escanea las aplicaciones de Codex desplegadas en busca de paquetes npm vulnerables&#917554;&#917537;&#917538;&#917545;&#917555;<\/li>\n<li>Informa de los nombres de los paquetes afectados, las versiones corregidas (seguras) disponibles y los niveles de gravedad&#917554;&#917537;&#917539;&#917536;&#917555;<\/li>\n<li>Escanea autom&aacute;ticamente todas las aplicaciones reci&eacute;n desplegadas&#917554;&#917537;&#917539;&#917537;&#917555;<\/li>\n<li>Las aplicaciones desplegadas antes del lanzamiento de esta funci&oacute;n se escanear&aacute;n en su siguiente despliegue&#917554;&#917537;&#917539;&#917538;&#917555;<\/li>\n<\/ul><p><strong>Qu&eacute; hacer cuando se detecta una vulnerabilidad<\/strong>: Actualiza el paquete afectado a la versi&oacute;n corregida que aparece en el informe y vuelve a desplegar tu aplicaci&oacute;n de Codex.&#917554;&#917537;&#917539;&#917539;&#917555;<\/p><p>Hostinger admite parches automatizados para vulnerabilidades en apps de Codex desplegadas a trav&eacute;s de GitHub. Cuando se detecta una vulnerabilidad, puedes aplicar una autocorrecci&oacute;n directamente desde la p&aacute;gina Vulnerabilidades, sin tener que buscar paquetes manualmente.<\/p><p><strong>C&oacute;mo funciona la autocorrecci&oacute;n:<\/strong><\/p><ol class=\"wp-block-list\">\n<li>En la p&aacute;gina <strong>Vulnerabilidades<\/strong>, selecciona una o m&aacute;s vulnerabilidades y haz clic en <strong>Autocorregir<\/strong> o en <strong>Autocorregir todo<\/strong> para corregirlas en lote.<\/li>\n<li>Hostinger abre una pull request en tu repositorio de GitHub conectado con la actualizaci&oacute;n de paquete recomendada.<\/li>\n<li>&#917552;Revisa y fusiona el PR en GitHub. No se hace ning&uacute;n push a tus ramas sin que t&uacute; lo autorices.<\/li>\n<li>&#917552;Una vez fusionada, se activa autom&aacute;ticamente un nuevo despliegue y la vulnerabilidad se marca como corregida.<\/li>\n<\/ol><p><strong>&#917552;Notas importantes:&#917554;&#917537;&#917540;&#917536;&#917555;<\/strong><\/p><ul class=\"wp-block-list\">\n<li>La autocorrecci&oacute;n solo est&aacute; disponible para apps de Codex desplegadas a trav&eacute;s de GitHub. Los despliegues mediante subida de archivos no son compatibles.<\/li>\n<li>No todas las vulnerabilidades tienen una autocorrecci&oacute;n disponible. Si no est&aacute; disponible, actualiza el paquete afectado de forma manual y vuelve a desplegar la app.<\/li>\n<li>La autocorrecci&oacute;n requiere que la aplicaci&oacute;n de GitHub de Hostinger tenga acceso de escritura a tu repositorio. Si no se concedi&oacute; este acceso, aparecer&aacute; un error cuando intentes crear una pull request. Tendr&aacute;s que aprobar la actualizaci&oacute;n de permisos desde el correo electr&oacute;nico enviado por GitHub en nombre de Hostinger.<\/li>\n<li>Aun as&iacute;, t&uacute; sigues revisando y fusionando cada PR. Hostinger no env&iacute;a cambios directamente a tus ramas ni accede a tus secretos o variables de entorno.<\/li>\n<\/ul><h2 class=\"wp-block-heading\" id=\"h-%f3%a0%80%b0preguntas-frecuentes%f3%a0%80%b2%f3%a0%80%a1%f3%a0%80%a4%f3%a0%80%a5%f3%a0%80%b3\"><strong>&#917552;Preguntas frecuentes&#917554;&#917537;&#917540;&#917541;&#917555;<\/strong><\/h2><p><strong>&#917552;1. Ya tengo un dominio a&ntilde;adido en Hostinger. &iquest;C&oacute;mo despliego mi aplicaci&oacute;n de Codex en &eacute;l?&#917554;&#917537;&#917540;&#917542;&#917555;<\/strong><\/p><p>&#917552;En la actualidad, las aplicaciones de Codex deben desplegarse como un nuevo sitio web. El proceso:&#917554;&#917537;&#917540;&#917543;&#917555; &#917552;Si el dominio ya est&aacute; a&ntilde;adido a tu plan de hosting, elimina el sitio web primero antes de a&ntilde;adir uno nuevo.&#917554;&#917537;&#917540;&#917544;&#917555;<\/p><ol class=\"wp-block-list\">\n<li>Si el dominio ya est&aacute; a&ntilde;adido a tu plan de hosting, <a href=\"https:\/\/www.hostinger.com\/es\/support\/3624731-como-eliminar-un-sitio-web-de-un-plan-de-hosting-en-hostinger\/\">elimina el sitio web<\/a> primero antes de a&ntilde;adir uno nuevo.&#917554;&#917537;&#917540;&#917544;&#917555;<br>\n<strong>NOTA<\/strong>: Descarga una copia de seguridad antes de eliminar el sitio web.&#917554;&#917537;&#917540;&#917545;&#917555;<\/li>\n<li><strong>&#917552;<\/strong>Haz clic<strong> en A&ntilde;adir sitio web y <\/strong>selecciona<strong> Apps Node.js.&#917554;&#917537;&#917541;&#917536;&#917555;<\/strong><\/li>\n<li>&#917552;Elige tu m&eacute;todo de despliegue (GitHub o subida de archivos).&#917554;&#917537;&#917541;&#917537;&#917555;<\/li>\n<li>Una vez que se complete el despliegue, tu aplicaci&oacute;n de Codex estar&aacute; activa en el dominio que a&ntilde;adiste.&#917554;&#917537;&#917541;&#917538;&#917555;<\/li>\n<\/ol><p><strong>&#917552;2. &iquest;C&oacute;mo elimino o deshago el despliegue de mi aplicaci&oacute;n de Codex?&#917554;&#917537;&#917541;&#917539;&#917555;<\/strong><\/p><p>En este momento no hay ning&uacute;n bot&oacute;n de &ldquo;Detener&rdquo; o &ldquo;Eliminar&rdquo; para los despliegues de aplicaciones de Codex. Para desconectar tu aplicaci&oacute;n, elimina todo el sitio web desde hPanel. Esto elimina todos los despliegues asociados y desconecta tu aplicaci&oacute;n.&#917554;&#917537;&#917541;&#917540;&#917555;<\/p><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\"><strong>NOTA<\/strong>: Antes de eliminar tu sitio web, descarga una copia de seguridad. Esta acci&oacute;n no se puede deshacer, y se perder&aacute;n todos los archivos, bases de datos, correos electr&oacute;nicos y configuraciones.&#917554;&#917537;&#917541;&#917541;&#917555;<\/div><p><strong>&#917552;3. &iquest;Qu&eacute; comandos npm se pueden ejecutar?&#917554;&#917537;&#917541;&#917542;&#917555;<\/strong><\/p><p>No necesitas ejecutar comandos npm de manera manual a trav&eacute;s de SSH ni instalar npm por separado. Hostinger ya lo tiene preinstalado.<br>\nLos comandos de compilaci&oacute;n de npm disponibles se pueden ver en el men&uacute; desplegable <strong>Ajustes de compilaci&oacute;n<\/strong> durante la configuraci&oacute;n de la aplicaci&oacute;n:&#917554;&#917537;&#917541;&#917543;&#917555;<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-3721 size-full\" src=\"https:\/\/www.hostinger.com\/es\/support\/wp-content\/uploads\/sites\/60\/2026\/06\/2026-05-29_12-06_2.png\" alt=\"Ajustes de compilaci&oacute;n\" width=\"564\" height=\"456\" srcset=\"https:\/\/www.hostinger.com\/es\/support\/wp-content\/uploads\/sites\/60\/2026\/06\/2026-05-29_12-06_2.png 564w, https:\/\/www.hostinger.com\/es\/support\/wp-content\/uploads\/sites\/60\/2026\/06\/2026-05-29_12-06_2-300x243.png 300w\" sizes=\"auto, (max-width: 564px) 100vw, 564px\" \/><\/p><p><strong>4. &iquest;Puedo desplegar una aplicaci&oacute;n de Codex desde un repositorio privado de GitHub?&#917554;&#917537;&#917541;&#917544;&#917555;<\/strong><\/p><p>&#917552;S&iacute;. Conecta tu cuenta de GitHub, concede acceso al repositorio privado y despliega desde la rama que quieras. Los pushes a la rama conectada activan redespliegues autom&aacute;ticos.&#917554;&#917537;&#917541;&#917545;&#917555;<br>\n<strong>&#917552;5. &iquest;C&oacute;mo muevo una aplicaci&oacute;n de Codex desde desarrollo local u otro host?&#917554;&#917537;&#917542;&#917536;&#917555;<\/strong><\/p><p>Haz un push de tu aplicaci&oacute;n de Codex a GitHub, conecta el repositorio en Hostinger y configura las variables de entorno que tu aplicaci&oacute;n necesite. Si est&aacute;s migrando desde otro host, mant&eacute;n el mismo punto de entrada de Node.js y la misma configuraci&oacute;n de la base de datos siempre que sea posible para reducir los cambios.&#917554;&#917537;&#917542;&#917537;&#917555;<\/p><p data-start=\"405\" data-end=\"624\">Ya puedes desplegar y gestionar tu aplicaci&oacute;n de Codex en Hostinger usando la integraci&oacute;n con GitHub o la subida directa de archivos. Si necesitas ayuda, contacta con nuestro equipo de soporte desde el chat en vivo.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Gu\u00eda para desplegar apps de Codex en Hostinger, gestionar despliegues, conectar bases de datos y revisar vulnerabilidades desde hPanel.<\/p>\n","protected":false},"author":560,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[253],"tags":[],"class_list":["post-3704","post","type-post","status-publish","format-standard","hentry","category-general-creador-de-sitios-web"],"hreflangs":[],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts\/3704","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/users\/560"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/comments?post=3704"}],"version-history":[{"count":27,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts\/3704\/revisions"}],"predecessor-version":[{"id":3736,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts\/3704\/revisions\/3736"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/media?parent=3704"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/categories?post=3704"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/tags?post=3704"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}