How to Build an Open Source Web Flowchart Tool Diagrams.net (formerly draw.io)
ProcessOn are now well-known web 流程图, 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
- I’ve written about 如何安装Docker before. CentOS 7 can be used as a reference; for other OSes, it’s recommended to refer to 官方文档
Install Docker-DrawIO
- Docker command
docker run -it --name="draw" -p 8080:8080 -p 8443:8443 jgraph/drawio
docker start draw
- Docker auto-start on boot
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服务及容器自动启动设置