中文 English

How to Build an Open Source Web Flowchart Tool Diagrams.net (formerly draw.io)

Published: 2021-01-30 · Views --
Diagrams.net web UML drawio ProcessOn png svg html xml docker firewall-cmd github draw Browser Drawing centos Flowchart

ProcessOn are now well-known web flowchart and UML drawing tools. However, ProcessOn is a paid service with too many free-tier restrictions. So, is there a free option available?

Yes, it’s Diagrams.net. Completely free with powerful features~

Online Usage of Diagrams.net

Diagrams.net is very simple to use—just open your browser and enter the URL draw.io or app.diagrams.net. It supports third-party storage, including Google Drive, OneDrive, Dropbox, Github, GitLab, 本地文件, 浏览器缓存. There are also many file formats available for saving, specifically including “XML File (.drawio)”, “Editable Bitmap Image (.png)”, “Editable Vector Image (.svg)”, “HTML File (.html))”, “XML File (.xml)”,

If you don’t need to self-host Diagrams.net, then this article ends here.

Install Docker Environment

Install Docker-DrawIO

docker run -it --name="draw" -p 8080:8080 -p 8443:8443 jgraph/drawio
docker start draw
docker update --restart=always draw

Open Firewall Port 8080

firewall-cmd --zone=public --add-port=8080/tcp --permanent
firewall-cmd --reload

Reference Articles

Install Docker Engine Github : jgraph/docker-drawio reboot 后 Docker服务及容器自动启动设置

Comments

Sign in with GitHub to comment. Chinese and English versions share the same discussion. Discuss on GitHub

Views --