[TUT] Drawio - Diagramm- und Zeichenprogramm

    Das Titelbild dieses Tutorials stammt von der offiziellen Webseite drawio.com. Die Anleitung selbst wurde eigenständig verfasst, Codepassagen stammen z.T. von der offiziellen GitHub Seite github.com/jgraph/docker-drawio/blob/dev/docker-compose.yml.
    Yes

    Liebe Forengemeinde,
    in diesem Tutorial stelle ich Euch eine Anleitung zur Verfügung, mit welcher Ihr das Diagramm- und Zeichenprogramm "Drawio" als Docker-Container installieren könnt. Voraussetzung für dieses Tutorial ist wie immer Portainer und ein konfiguriertes MacVlan. Eine Online-Demo könnt ihr HIER finden.

    This image is exclusive to our members!
    Please log in or register for free to view graphics and attachments.

    Installationsanleitung:

    1. Die Datei "drawio.yml" herunterladen und in einem Texteditor Eurer Wahl öffnen
    2. Bei "ipv4_address" eine freie IP Eures MacVlans eintragen (z.B. 192.168.178.230)
    3. Bei "name" den Namen Eures MacVlan angeben
    4. Portainer öffnen
    5. Im linken Menü "Stacks" anklicken
    6. Auf der rechten Seite "+ Add Stack" anklicken
    7. Bei "Name" "drawio" (oder den Namen Eurer Wahl) eintragen
    8. Den Inhalt der Datei "drawio.yml" kopieren (Strg + A und danach Strg + C)
    9. Den Inhalt im Webeditor einfügen (Strg + V)
    10. Unter "Actions" auf "Deploy the Stack" klicken
    11. Der Container wird installiert und ist anschließend unter http://ip-adresse-des-nas:8080 (z.B. http://192.168.178.230:8080) erreichbar

    Weiterführende Informationen findet ihr HIER.

    File

    drawio.yml

    Vorkonfigurierte Docker-Stack-Datei im YAML-Format, direkt einsatzbereit.
    Willi
    May 25, 2025 at 1:44 PM


    Viel Spaß beim installieren!

    Moinsen und grüße aus Hamburg.

    Ich wollte kleine Tipps dazugeben.


    Das ist ein Auszug aus einem meiner Container (Bookstack).

    #DRAWIO Online URL with german Lang and dark UI
    DRAWIO=https://embed.diagrams.net/?embed=1&proto=json&spin=1&configure=1&lang=de&ui=dark

    Wie im oberen Beispiel werde ich die URL erweitern um deutsch und Dark-Modus zu forcieren.

    http://ip-adresse-des-nas:8080 (z.B. http://192.168.178.230:8080)

    http://ip-adresse-des-nas:8080/?lang=de&ui=dark


    Weiterer Tipp bei einer FritzBox:

    Ich vergebe meine Server/Rechner im DHCP immer die gleichen Adressen und lege Computernamen fest.

    Damit kann ich meine URLs auf einfache(re) Weise eingeben.

    Beispiel Daten:

    IP-Adresse: http://192.168.178.230:8080

    Computername: greenhouse

    Daraus folgt ein FQHN (Fully-Qualified Host Name). http://greenhouse.fritz.box

    Wer einen anderen Router hat, kann das dort auch einstellen, wenn der das unterstützt.

    Also die folgende Drawio-URL mit allem und scharfer Sauce.

    http:/greenhouse.fritz.box:8080/?lang=de&ui=dark

    Hab auch alle lieb ... denke ich.

    Standard Nerd. "Have You tried to turn it off and on again?", ist mein Lieblingswitz.

    Außerdem habe ich was wichtiges Programmiert, aber vergessen, wo ich das gespeichert habe und was es macht.

    Gut, dass es NAS gibt, oder? Hab euch alle lieb, so ganz pauschal. :love:

    Meine Hardware


    • DH2300 | 4 GB LPDDR4X-RAM | 1x 4 TB Seagate IronWolf - 1x 22 TB Seagate Exos

Participate now!

Join our community with over 10,000 members!

Register yourself now for free to get full access to all content, graphics, downloads and other exclusive features!

Register Yourself Login