本地化部署 Drow.io 流程图绘制工具

文章目录[隐藏]

今晚小小芸嫌装破解版的 Visio 麻烦且不安全,想尝试网页版的流程图绘制工具。刚开始给她推荐的是 processon,但是由于免费版的只能保存 9 份文件,并且数据存在他人的服务器,心理不是很舒服,遂想着找开源网页版的流程图绘制工具自己搭一套。经过多套系统的对比,最终还是选定了 Draw.io 来搭建本地化的流程图绘制工具。

Draw.io 是一款开源的网页版流程图绘制工具,功能强大。跟它的第一次接触,是在 NextCloud 的插件上,当时作为NextCloud 上的办公插件,很是好用,并且包含了众多的模板及图标,无论是画流程图还是拓扑图,跟 Visio 都有得一比。并且是 BS 架构,不依赖客户端。

安装

Darw.io 有官方的 Docker 镜像,所以使用容器部署是最简单不过的了,只需要一条命令即可:

docker run -it --rm --name="draw.io" -p 8080:8080 -p 8443:8443 jgraph/draw.io

部署完成后,只需要访问:https://localhost:8443 就能访问了。

draw.io 本地化部署

我绑定了域名,所以直接使用域名访问截图。

配置

安装是简单,但是在打开的时候,会自动去访问 Google Drive 以及 Dropbox 极大拖慢了程序的访问速度,能否通过配置来将这些没用的组件屏蔽掉呢?

既然这样问了,答案肯定是肯定的。🕶

官方提供了一种模式,就是在链接后面加参数,比如:

https://draw.huangzz.xyz?offline=1 就可以开启本地模式; https://draw.huangzz.xyz?lang=zh 就可以设置默认中文。

具体能用哪些参数请参照:What URL parameters are supported?

这种配置方式虽然在程序调用的时候方便了,但是对于那些只需要使用网页版的童鞋来说,还是不够友好。解决的办法就是直接在首页文件里添加变量。

首先,将 index.html 文件取出到本地:

docker cp draw.io:/usr/local/tomcat/webapps/draw/index.html index.html

编辑 index.html,加入想要的变量,比如:

draw.io 本地化部署

保存后,将文件传回容器:

docker cp index.html draw.io:/usr/local/tomcat/webapps/draw/index.html

最后,刷新页面即可(需要清除缓存)。

draw.io 本地化部署]

能想到的临时解决办法就这样了,虽然不方便持久化,但是如果不经常做版本更新,或者手动保存一份 index.html 在本地作为备份的话,这种方式也还能接受。后续再研究看看能否直接加到官方的配置文件 PreConfig.jsPostConfig.js 里面作为持久化文件放到外面。

什么?我的链接暴露了?没事,谁懒得搭的直接用也无妨,反正应该比官方的快点就是了。🕶

发表评论

邮箱地址不会被公开。 必填项已用*标注

Captcha Code