Herramienta gratuita
Visualizador de GitLab CI
Pega un .gitlab-ci.yml y obtén un diagrama de pipeline de GitLab CI editable: los stages como columnas, los jobs dentro de su stage, las conexiones needs que se adelantan, los pipelines hijos y los entornos. No necesitas cuenta para probarlo.
Resultado de ejemplo
Cómo funciona
Pega o suelta .gitlab-ci.yml
El archivo de pipeline de la raíz de tu proyecto. Las anclas de YAML, las plantillas de extends y las etiquetas !reference no son problema, y una cabecera spec de componente de CI/CD al principio se omite.
Mira el pipeline por columnas
Los stages se convierten en columnas de izquierda a derecha, cada job queda en la columna de su stage, y needs conecta los jobs que empiezan antes que su stage.
Ábrelo en Archboard
Guárdalo como un diagrama nuevo para reorganizar los jobs, añadir notas, compartir un enlace o exportarlo en SVG y PNG. Para registrarte basta una cuenta de Google o GitHub.
Qué se dibuja a partir de .gitlab-ci.yml
El diagrama sigue estas palabras clave de tu archivo de pipeline:
stagesstageLos stages como columnas, en el orden de tu lista stages, o build, test y deploy si no hay lista. Un job sin stage va a test, y los stages sin jobs no se dibujan.
scriptCada job como una tarjeta en la columna de su stage. Las claves que empiezan por un punto son plantillas: no se dibujan como jobs, pero siguen dando forma a los jobs que heredan de ellas.
needsneeds: []Una conexión desde cada job listado en needs, para que destaquen los jobs que empiezan antes que su stage. needs: [] marca un job que empieza enseguida. Una conexión se dibuja discontinua cuando la entrada de needs es opcional o el job que espera tiene rules, only o except.
extendsextends resuelto a través de hasta 11 niveles de plantillas, junto con las anclas de YAML y las claves de fusión, para que se dibujen los valores heredados de stage, needs, when, parallel, trigger y environment.
parallelparallel:matrixparallel: 3 o parallel:matrix mantiene el job como una sola tarjeta, marcada ×3 o con el número de combinaciones de la matriz.
triggerLos jobs de disparo conectados con una tarjeta de lo que inician: el archivo del pipeline hijo indicado en trigger: include, o el proyecto downstream de trigger: project.
environmentCada entorno, como review, staging o production, como una tarjeta conectada desde los jobs que despliegan en él.
when: manualLos jobs manuales marcados con · manual, para que destaquen los pasos de aprobación de tu pipeline.
Qué deja fuera un diagrama de GitLab CI
- La configuración añadida con include, ya sean archivos locales, otros proyectos, URL remotas, plantillas o componentes de CI/CD: no se descarga, y los jobs que heredan de una plantilla de esos archivos se listan en las advertencias.
- Si rules, only o except añadirían u omitirían un job: no se evalúan, así que se dibujan todos los jobs.
- Las variables y sus valores, los scripts, las imágenes, las cachés y las rutas de artefactos.
- Las ejecuciones del pipeline: estado de los jobs, duraciones, logs y artefactos. El diagrama muestra la configuración, no una ejecución concreta.
Preguntas sobre el visualizador de GitLab CI
¿Qué pasa con include?
Los archivos incluidos no se descargan, así que solo se dibujan los jobs escritos en el archivo que pegas. Para ver los jobs de un archivo incluido, pega ese archivo por separado o combina los archivos en uno antes de pegarlos.
¿Resuelve extends y los hidden jobs?
Sí. extends se combina como lo hace GitLab: los hashes se combinan en profundidad y los arrays se reemplazan, hasta 11 niveles. Los hidden jobs, cuyo nombre empieza por un punto, no se dibujan, pero siguen dando forma a los jobs que heredan de ellos. Las anclas de YAML con claves de fusión también funcionan; las etiquetas !reference no se resuelven.
¿Cómo se muestran juntos los stages y needs?
Los stages son columnas, así que la columna de un job indica cuándo se ejecuta por defecto. Una conexión needs muestra un job que empieza en cuanto terminan los jobs que enumera. Sin needs, los jobs no se conectan y solo las columnas indican el orden. Los needs que apuntan a otros pipelines o proyectos se listan en las advertencias.
¿Se dibujan los pipelines hijos y downstream?
Sí, como tarjetas. Un job con trigger: include apunta al archivo del pipeline hijo, y uno con trigger: project apunta al proyecto downstream. Los jobs que contienen no se expanden; pega el archivo del pipeline hijo para dibujarlo.
¿Qué pasa al abrir el diagrama en Archboard?
La vista previa de esta página no se guarda. Cuando eliges «Abrir en Archboard», el diagrama que ves, con sus stages, jobs y conexiones, se guarda como un diagrama nuevo en tu espacio de trabajo, donde puedes reorganizarlo, anotarlo, compartirlo o exportarlo. Es un punto de partida: los cambios posteriores en tu .gitlab-ci.yml no actualizan el diagrama.
¿El visualizador de GitLab CI es gratuito?
Sí. Pegar un archivo de pipeline y ver el diagrama no requiere cuenta. Para abrirlo en Archboard basta una cuenta gratuita.
Abre un lienzo en un minuto
Inicia sesión con Google o GitHub. Gratis para un asiento. Mejora el plan cuando se una el equipo.