群晖Docker，走起！ 篇十一：群晖搭建免费画图工具Drawio

摘要： ...

前言

Draw.io 是一款强大且多功能的在线图表绘制工具，无论是创建流程图、组织结构图、网络拓扑图还是其他类型的图表，Draw.io（https://github.com/jgraph/drawio）基本都能满足你对图形展示的多样需求。原来也使用过 processon，随着它收费，后面就没用过了。而有了群晖的存在，我们完全有能力自主打造一个既免费又强大的属于自己的画图工具

安装

打开群晖的【Container Manager】，搜索drawio，选择第一个jgraph/drawio镜像进行下载

等待下载镜像下载完毕后，运行drawio镜像，把容器的8080端口映射为群晖的8081端口（可以设置任意没有被占用端口），自带的8443可以去掉，不用Drawio来申请SSL证书，直接使用群晖自带证书就行，存储空间也不需要进行映射

默认的环境变量不用更改，如果要使用Drawio来申请SSL证书，可以参考https://hub.docker.com/r/jgraph/drawio文档来进行配置

其他的配置保持默认，没有问题后就可以运行容器了

反代设置

在控制面板->登录门户->高级菜单下设置反向代理服务器

新增反向代理代理规则如下，来源的端口可以任意设置，协议为HTTPS，主机名为群晖的域名；目的地端口则需设置为前面容器映射出来的8081端口，主机名localhost代表本机地址，填写127.0.0.1或者群晖的内网IP都是可以的

如果路由器有防火墙，则需要配置端口转发，这里设置的规则是：把路由器WAN的8082端口转发到LAN口192.168.2.99地址的8082端口上

站在公网的角度来说，虽然家里的设备众多，但是都是同一个公网IP，所以当通过公网访问到家里的设备时，首先会找到家里的路由器，因为路由器负责拨号，所以想要让公网访问到家里其他设备上的服务，就必须要在路由器上设置端口转发

使用

现在通过【https://群晖域名:8082】就可以在公网访问到Draw.io的服务了，在局域网中，可以使用【http://群晖IP:8081】访问。初次打开会比较慢，可以多等一会

选择本地存储位置，创建新的绘图

创建一个空白的关系图

点开其他选项卡，设置语言为中文，然后强制刷新浏览器

在主界面的左侧的图形面板，可以看到Draw.io默认设置的常用图形

也可以点击更多图形按钮，把想要的图形添加到默认图形中

然后就可以愉快的画图了

后记

在软件设计或电路的时候，通过Draw.io的各种图形，能帮你和团队快速设计程序或原型。对于用不到那么多图形的普通用户，也可以在Draw.io使用最常用的思维导图，在高级选项的最底部就能看到思维导图所需的图形