Herramienta gratuita
Visualizador de GitHub Actions
Pega un archivo de workflow y obtén un diagrama de GitHub Actions editable con sus disparadores, jobs, dependencias needs, tamaños de matriz, entornos y contenedores de servicio, antes de que el workflow se ejecute por primera vez. No necesitas cuenta para probarlo.
Resultado de ejemplo
Cómo funciona
Pega un archivo de workflow
Cualquier archivo YAML de .github/workflows, como ci.yml o deploy.yml. Para comparar varios workflows, pégalos juntos separados por una línea ---.
Mira el pipeline
Una tarjeta de disparador inicia el flujo, los jobs siguen de izquierda a derecha en el orden que marca needs, y cada job se conecta con los entornos en los que despliega y con los contenedores de servicio que usa.
Á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 un archivo de workflow
Estas claves del workflow dan forma al diagrama:
onUna tarjeta de disparador por workflow con sus dos primeros eventos y el número de los demás, como push · pull_request +1, conectada con cada job que empieza primero. workflow_call y workflow_run tienen sus propias tarjetas.
jobsCada job como una tarjeta con su nombre, o con su ID de job cuando el nombre contiene una expresión. Los pasos se cuentan en lugar de dibujarse, y los jobs con una condición if reciben líneas de entrada discontinuas.
needsUna conexión desde cada job listado en needs hasta el job que lo espera, para que puedas leer el orden que sigue una ejecución. Los ID de job desconocidos y los ciclos aparecen como advertencias.
strategy.matrixUn job de matriz se queda en una sola tarjeta marcada con el número de jobs que crea, como ×6, contado como lo expande GitHub, con include y exclude aplicados. Una matriz construida a partir de una expresión muestra ×?.
environmentCada entorno de despliegue, como staging o production, como su propia tarjeta, conectada desde los jobs que despliegan en él.
servicesLos contenedores de servicio como tarjetas unidas a su job: las imágenes postgres, redis y mongo reciben sus tarjetas de base de datos, y cualquier otra imagen, una tarjeta de contenedor.
usesUn job que usa un workflow reutilizable es una sola tarjeta con su nombre o la ruta del workflow, conectada mediante needs como cualquier otro job.
Qué deja fuera un diagrama de workflow
- Los pasos individuales, sus scripts run y las actions que usan: los pasos solo se cuentan.
- Los resultados de ejecución: si una ejecución pasó o falló, cuánto tardaron los jobs y sus logs. El diagrama muestra el workflow tal como está escrito.
- Los jobs dentro de un workflow reutilizable, esté en el mismo repositorio o en otro: su archivo no se descarga, así que queda como una sola tarjeta.
- El resultado de las condiciones if y de las expresiones: un job se dibuja aunque su condición lo omitiera, y env, secrets y las entradas with no se leen.
Preguntas sobre el visualizador de GitHub Actions
¿Puedo visualizar varios workflows a la vez?
Sí. Pega los archivos de workflow uno tras otro, separados por una línea ---. Cada workflow se dibuja en su propio marco con su propia tarjeta de disparador, y un disparador workflow_run indica el workflow al que espera.
¿Cómo se muestran los jobs de matriz?
Como una sola tarjeta con ×N, donde N es el número de jobs que crea la matriz después de aplicar exclude e include, hasta el límite de 256 de GitHub. Si la matriz proviene de una expresión como fromJSON, el número no se puede saber antes de una ejecución, así que la tarjeta muestra ×?.
¿Admite workflows reutilizables?
Sí. Un job con uses a nivel de job se convierte en una sola tarjeta de workflow reutilizable, y needs la conecta como a cualquier otro job. Sus propios jobs no se expanden, porque están en otro archivo. Pega ese workflow por separado para dibujarlo: su disparador workflow_call tiene su propia tarjeta.
¿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 su disparador, jobs, entornos 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 archivo de workflow no actualizan el diagrama.
¿El visualizador de GitHub Actions es gratuito?
Sí. Pegar un workflow 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.