Adios
Aplicaciones de frontend · Planes desde $10/mes

Despliega Angular.Publica el sitio compilado.

Compila una aplicación Angular con la configuración del espacio de trabajo guardada en el repositorio, sirve los archivos generados para el navegador, verifica el fallback de rutas y promociónala a un dominio HTTPS gestionado.

Conserva el repositorioInspeccionar la compilación y los registrosDominios personalizados y TLS
Despliegue de Adios

Versión candidata

Angular

Saludable

CÓDIGO FUENTE

Git

REGION

de

ROUTE

HTTPS

01Código fuente recibido

02Compilación completada

03Entorno de ejecución iniciado

04Control de salud aprobado

Ruta promovida

production.adios.run

Un camino de producción para

AngularTypeScriptSalida estáticaRutas de SPADominios personalizados

El camino de producción

Un proyecto Angular funcional aún necesita un lanzamiento seguro.

La aplicación o el servicio son solo una parte de producción. Las pruebas de compilación, el estado del entorno de ejecución, la salud, los secretos, los registros, las rutas y la versión promovida deben permanecer disponibles para inspección conjunta.

Conserva la compilación de Angular que ya usas

Ejecuta la compilación de producción del espacio de trabajo y mantén visibles en el control de versiones las sustituciones de configuración, las rutas de salida y las versiones fijadas de las dependencias.

Promociona la versión que indique un estado correcto

Sirve la compilación para el navegador desde un proceso de producción, prueba la navegación directa a las rutas de Angular y promociona el lanzamiento solo cuando responda la comprobación de la ruta raíz.

Rastrea la producción hasta el código fuente

Los resultados de compilación, los registros del entorno de ejecución, el estado, los secretos, los dominios y el lanzamiento promocionado permanecen vinculados al proyecto, en lugar de repartirse entre herramientas independientes.

Del código fuente al lanzamiento

Tres pasos mantienen el camino de despliegue disponible para revisión.

Usa el código fuente y el comportamiento de producción que ya tiene el proyecto. El manifiesto registra lo que la plataforma debe compilar o aprovisionar y cómo llega a estar listo el resultado.

  1. 01

    Empieza con código fuente o una plantilla

    Trae el repositorio existente o inspecciona y despliega una de las variantes exactas de plantillas iniciales enlazadas abajo.

    $adios login
  2. 02

    Revisar el contrato de despliegue

    Mantén los comandos, la versión del entorno de ejecución o servicio, el comportamiento de salud y las referencias a secretos en adios.yaml.

    $git diff -- adios.yaml
  3. 03

    Desplegar e inspeccionar el resultado

    Sigue las pruebas de compilación y ejecución, verifica la versión candidata y abre la ruta promovida o la conexión del servicio.

    $adios up
adios.yaml
Tu proyecto
name: angular-app
build_cmd: npm ci && npm run build
start_cmd: npm start

runtime:
  name: node@24
  port: 3000
  health_path: /
Configura npm start para servir los archivos de Angular para el navegador y establece un fallback para las rutas del lado del cliente.

Puntos de partida desplegables

Empieza con Angular desde una plantilla cuando el repositorio no esté listo.

Empieza con el proyecto inicial de Nginx para sitios estáticos y sustituye sus archivos de ejemplo por los resultados de la compilación de Angular para producción.

Aplicaciones web

Nginx Static

Una plantilla inicial Nginx para HTML, CSS y JavaScript estáticos y aplicaciones de una sola página.

HTMLNinguno
Clave de plantilla
nginx:static
Entorno de ejecución
nginx
Repositorio
template-nginx-static
Ruta de código fuente
.
git clone https://github.com/adiosdotdev/template-nginx-static.git
cd template-nginx-static
adios up

Antes de la producción

Verifica la carga de trabajo.Después, promuévelo.

El primer lanzamiento más seguro empieza con una compilación o configuración de servicio reproducible y una vista previa que pruebe las dependencias que usará producción.

Listo cuando...

  • La configuración de producción se compila desde una copia limpia del repositorio.
  • Se sirve el directorio correcto de salida del navegador.
  • Los enlaces profundos usan index.html como fallback.
  • Ningún valor privado está incrustado en el paquete del navegador.

Previsualiza cuando…

  • El proyecto activa el renderizado de Angular del lado del servidor.
  • Los reemplazos de configuración apuntan a los servicios de producción.
  • La aplicación asume un href base particular.

Preguntas, respuestas

Qué saber antes de desplegar Angular.

Revisa el límite del entorno de ejecución o servicio, la ruta de la plantilla, el comportamiento de fallos y las comprobaciones de producción antes de crear el primer lanzamiento.

¿Puede Adios desplegar un proyecto de Angular existente?

Sí. Ejecuta la CLI de Adios desde la raíz del proyecto, conserva el repositorio y los archivos de dependencias que ya usas y añade un archivo adios.yaml que describa la compilación de producción, el comando de inicio, el puerto y la ruta de comprobación de estado.

¿Necesito Docker para desplegar Angular?

No para un entorno de ejecución estándar compatible. Usa los comandos de producción habituales del proyecto en adios.yaml. Si la compilación necesita paquetes poco habituales del sistema operativo o bibliotecas nativas, verifica esas dependencias en una vista previa antes de la promoción.

¿Puedo desplegar una aplicación Angular de una sola página?

Sí. Compila la aplicación para el navegador, sirve el directorio de salida y configura el fallback del modo history para que la navegación directa llegue a Angular en lugar de devolver un 404 estático.

¿Qué ocurre si el proyecto Angular usa renderizado del lado del servidor?

Despliega el bundle del servidor como un proceso persistente de Node.js y sustituye el comando de inicio estático por el comando de servidor de producción del framework.

¿Qué ocurre cuando falla la compilación o la comprobación de estado?

El lanzamiento candidato conserva sus resultados de compilación y ejecución para su inspección. Debe indicar un estado correcto antes de convertirse en la versión promocionada que sirve la ruta de la aplicación.

¿Puedo empezar con una plantilla en lugar de un repositorio existente?

Sí. Esta página enlaza a los proyectos iniciales oficiales de Angular de Adios más adecuados. Inspecciona la variante exacta del código fuente, despliégala en la consola o clónala localmente y ejecuta adios up.

La primera versión

Desplegar Angular con el código fuente y las pruebas vinculados.

Parte del repositorio o de una plantilla, revisa el contrato de despliegue e inspecciona lo que se convierte en la versión promovida de producción.