Iniciar sesión
Iniciar sesión

Despliegue de una aplicación Angular

Actualizado el 25 de February de 2025

Para desplegar una aplicación Angular en Hostman, dirígete a la sección Plataforma de Aplicaciones y haz clic en Crear.

Paso 1. Seleccionar el tipo de aplicación

En la pestaña Frontend, selecciona Angular. También elige la versión de Node.js deseada.

B9c28e87 A2fa 42d1 8295 Be9741d3f692

Paso 2. Conectar un repositorio

Puedes conectar un repositorio de dos formas:

  • Desde tu cuenta de GitHub, GitLab o BitBucket. Haz clic en el nombre de la plataforma, inicia sesión y selecciona el repositorio deseado. Si ya has iniciado sesión, Hostman mostrará inmediatamente los repositorios disponibles.

  • Por URL, proporcionando un enlace a un repositorio creado en cualquier plataforma. Haz clic en Conectar repositorio por URL e introduce la URL Git del repositorio. Si el repositorio es privado, también ingresa los datos de acceso.

Consulta más información sobre cómo conectar repositorios aquí.

Paso 3. Seleccionar una rama y un commit

  1. Selecciona una rama para el despliegue.
  2. Por defecto, está activada la opción Construir con el último commit ejecutado. La plataforma de aplicaciones desplegará el último commit y reconstruirá automáticamente la aplicación cuando agregues nuevos commits al repositorio. Si lo deseas, puedes desactivar el despliegue automático.

Si prefieres seleccionar un commit específico manualmente, desactiva esta opción.

Paso 4. Seleccionar la ubicación del servidor

Selecciona la ubicación del servidor.

Ff02b5ce 21be 4ab3 9c5d 962baecdabd5

Para todas las aplicaciones frontend, ofrecemos una configuración básica del servidor con 1 GB NVMe y un límite de 200.000 solicitudes por mes.

Paso 5. Configurar los ajustes de compilación

La plataforma de aplicaciones detectará automáticamente el comando de compilación y el directorio de compilación de tu proyecto, por lo que en la mayoría de los casos puedes dejarlos sin cambios.

Si tu proyecto requiere módulos adicionales, puedes especificar comandos de compilación personalizados y combinarlos con &&.

También puedes definir variables si es necesario.

Podrás cambiar cualquiera de estos ajustes más adelante y volver a desplegar la aplicación con los nuevos parámetros.

Paso 6. Ingresar la información de la aplicación

Aquí puedes especificar un nombre y un comentario para tu aplicación, los cuales se mostrarán en el panel de Hostman. También puedes seleccionar un proyecto al que agregar la aplicación.

Estos ajustes se pueden modificar más tarde.

Paso 7. Desplegar

Haz clic en Iniciar Despliegue. Una vez que el proceso comience, verás el registro de despliegue en la pestaña Deploy.

El registro de despliegue contiene toda la información necesaria para solucionar posibles problemas. Si algo sale mal, como errores en el código, el registro mostrará una notificación indicando la causa del problema.

Cuando despliegues un proyecto por primera vez, la instalación del servidor puede tardar un poco. Una vez finalizado el proceso, el estado de la aplicación se actualizará, y también verás un mensaje al respecto en el registro.

¡Todo listo!

Puedes encontrar y copiar la URL de tu aplicación (el dominio técnico vinculado a la aplicación) en la página principal de la sección Apps o en la pestaña Configuración de tu aplicación. También puedes vincular un dominio propio a la aplicación.

La aplicación funcionará en los puertos 443 y 80.

En el futuro, la plataforma de aplicaciones monitoreará las actualizaciones en el repositorio y, si el despliegue automático está activado, reconstruirá automáticamente el proyecto con los nuevos cambios.

¿Te ha resultado útil esta página?
Actualizado el 25 de February de 2025

¿Necesita ayuda para
elegir un producto?

Nuestros expertos están disponibles para ayudarle a encontrar la solución cloud
adecuada para su empresa, incluso si no sabe por dónde empezar.
Hostman's Support