Skip to main content

Draw.io: Editor de diagramas


Introducción

Draw.io es una aplicación web de diagramación que permite crear diagramas de flujo, mapas de red, esquemas técnicos y todo tipo de representaciones visuales. Su uso es completamente local o autoalojado, sin depender de servicios externos, lo que la convierte en una opción ideal para entornos donde se busca control total y privacidad.

En este caso se ha desplegado mediante Docker y se sirve públicamente a través de Caddy, ofreciendo acceso seguro y autenticado desde cualquier ubicación. El objetivo es disponer de un editor de diagramas accesible, pero bajo las mismas medidas de seguridad aplicadas al resto de servicios.


Características

  • Servicio web de diagramación basado en la imagen oficial jgraph/drawio.
  • Expuesto públicamente a través de Caddy con TLS estricto.
  • Autenticación centralizada mediante Authentik (opcional pero muy recomendable para evitar acceso abierto).
  • Protección adicional mediante las directivas personales de Caddy (seguridad_basica, tls_estricto, log_json_global).
  • Integración directa con el proxy inverso, sin HTTPS interno (Caddy gestiona el cifrado externo).

Requisitos previos

  • Caddy configurado con los imports personales definidos en Directivas de Caddy – uso personal. Esto es opcional pero recomendado, especialmente Authentik, para que no pueda usar la instancia cualquiera.
  • Authentik operativo y con proveedor configurado para el dominio público de Draw.io.
  • Docker Compose.

Despliegue

La configuración completa se mantiene en Gitea:

El contenedor se lanza con la imagen oficial jgraph/drawio, exponiendo el puerto 8080 para que Caddy lo redirija desde el dominio público. La capa TLS y la autenticación se gestionan desde Caddy, garantizando acceso seguro y controlado mediante Authentik.


Errores comunes o decisiones importantes

  • HTTPS interno deshabilitado: se deja a Caddy el manejo del cifrado.
  • Acceso público controlado: Authentik restringe el acceso únicamente a usuarios autorizados.
  • Revisión periódica del contenedor: se recomienda actualizar la imagen jgraph/drawio para mantener las correcciones de seguridad.

Resumen breve

  • Imagen: jgraph/drawio.
  • Proxy: Caddy + Authentik.
  • Expuesto públicamente con TLS.
  • Directivas personales de seguridad en Caddy.
  • Código disponible en Gitea.

Notas personales

Draw.io se usa como editor de diagramas accesible desde el exterior pero protegido por autenticación. Permite trabajar con diagramas .drawio de forma directa y mantener independencia de la versión online oficial.