万能的开源制图利器 —— draw.io（diagrams.net）自托管与应用分享

在工作中，我们经常需要画各种图：流程图、UML、架构图、网络拓扑、业务逻辑、ER 模型......

常见工具有 Visio、ProcessOn、Lucidchart 等，但它们要么收费、要么依赖云服务，无法用于内网或保密环境。

有没有既开源、又免费、还能完全离线自托管的制图工具？
答案就是：draw.io（现名：diagrams.net）。

---

✅ draw.io 是什么？

draw.io 是一款 开源、免费、功能强大的通用绘图工具，支持：

• 流程图、组织结构图

• UML、时序图、用例图

• ER 数据库模型图

• 网络拓扑、云架构图（AWS / Azure / GCP）

• 软件架构图、服务关系图

• BPMN、思维导图等

它同时提供：

✔ Web 在线版

✔ 桌面版（Windows、Mac、Linux）

✔ VSCode / Obsidian 插件

✔ 自托管服务器版（重点）

也就是说，你可以在自己的服务器上运行一个"公司内部的 draw.io"，所有人不用登录、无需联网即可使用，数据不会上传第三方。

---

✅ 为什么推荐 draw.io？

优势	说明
✅ 完全开源、免费	Apache 2.0 协议，可商业使用
✅ 自托管支持	内网、机密项目环境可用
✅ 图标库丰富	网络、架构、云服务、UML、BPMN......应有尽有
✅ 导出方便	PNG、SVG、PDF、XML、HTML
✅ 支持中文	操作体验友好
✅ 多系统支持	Web、桌面、插件，多场景使用

对需要离线绘图、内网使用、交付客户项目、企业开发文档的人特别友好。

---

✅ 自托管安装（适合内网环境）

✅ 方式一：Docker 运行（最快）

docker run -d \
  --name drawio \
  -p 8080:8080 \
  jgraph/drawio

浏览器访问：

http://服务器IP:8080

即可直接使用，无需登录、无需数据库。

---

✅ 方式二：Docker Compose（推荐长期部署）

新建 docker-compose.yml：

version: "3.8"

services:
  drawio:
    image: jgraph/drawio:latest
    container_name: drawio
    ports:
      - "8080:8080"
      - "8443:8443"
    environment:
      - DRAWIO_DISABLE_ANALYTICS=true
      - DRAWIO_ENABLE_PLANTUML=true
    restart: unless-stopped

启动：

docker compose up -d

优势：

✅ 自动重启

✅ 支持启用 PlantUML（序列图/类图自动生成）

✅ 内网即可访问

✅ 自托管效果

✅ Mermaid 是什么？

Mermaid 是一个基于文本（类似代码）的开源制图语言，用简单描述就能生成专业流程图、时序图、甘特图、状态机、架构关系图。

✅ 支持流程图、时序图、类图、ER 图、状态机、甘特图

✅ 用文本写图 → 可版本管理（Git）

✅ 可嵌入 Markdown、Wiki、文档系统

✅ Obsidian / VSCode / GitLab / Typora / Wiki.js / GitHub 已原生支持

✅ 可自托管渲染（适合离线或内网）

一句话总结：
Mermaid = 图用"代码"生成，让图变得可追踪、可自动化、可被大模型生成。

大模型生成Mermaid

用户浏览商品并下单 → 系统检查库存 → 如果库存不足提示失败 → 否则扣库存 → 用户支付 → 支付成功后生成订单 → 通知仓库发货

将上述的描述转成 Mermaid

flowchart TD
    A[用户浏览商品并下单] --> B[系统检查库存]
    B -->|库存不足| C[提示下单失败]
    B -->|库存充足| D[扣减库存]
    D --> E[用户支付]
    E -->|支付成功| F[生成订单]
    F --> G[通知仓库发货]

---

✅ 文件保存方式（重点）

draw.io 不会强制把数据存到服务器，默认保存到用户本地：

• .drawio / .xml 文件

• PNG、SVG、PDF

如果需要团队协作，可以接入：

• WebDAV（Nextcloud、OwnCloud、Seafile）

• GitLab / Gitea 仓库

• Samba 文件共享

这比云产品更自由，数据完全掌控在自己手里。

---

✅ 适用场景

✅ 研发团队内部文档、架构图

不依赖外网，图保存到 Git/Nextcloud，安全可控。

✅ 高校、培训、教学演示

学生在浏览器打开就能画图，轻量零门槛。

✅ 公司交付客户的私有化项目

很多甲方项目不能使用外网制图工具，draw.io 刚好解决痛点。

✅ 个人知识管理

结合 Obsidian、VSCode，当本地画图工具使用。

✅ 长期使用 Visio 替代品

无需授权、无需破解、完全免费。

---

✅ 与其他工具对比

工具	是否开源	是否可私有部署	费用	难度	功能丰富度
draw.io	✅ 是	✅ 是	免费	低	✅ 丰富
ProcessOn	❌ 否	❌ 否	商业	低	中等
Lucidchart	❌ 否	❌ 否	商业	中	强
Excalidraw	✅ 是	✅ 是	免费	低	中（偏手绘）
Visio	❌ 否	✅ 部分	商业	中	强

综合来看，draw.io是最接近Visio级功能同时完全开源可私有部署的方案。

---

✅ 总结

draw.io 就像一把"瑞士军刀式"的制图工具：

✅ 开源免费

✅ 自托管，无数据外泄风险

✅ 图标库丰富、支持架构/网络/UML/ER全部场景

✅ 部署简单，几分钟搞定

适合：

• 开发团队
• 企业内部系统
• 信息安全要求高的客户项目
• 个人学习、文档记录