github流程图_免费的流程图绘制工具 Draw.io 离线部署教程

Draw.io是GitHub上一个开源的流程图绘制工具，功能丰富，而且免费(不是免费试用的那种“免费”哦！是完全免费的)。

它不仅有在线网页版，直接访问(https://www.draw.io/)就可使用，还有桌面版。桌面版下载地址：https://github.com/jgraph/drawio-desktop/releases。

由于Draw.io是开源的，所以针对外网访问不稳定或在公司内网访问不了在线版的情况，我们可以将其网页版自己部署一套离线版。本文章将一步一步介绍具体部署步骤。

下载

下载Draw，地址：https://github.com/jgraph/drawio/releases，Draw.io是Java开发的，所以可以直接下载编译好的draw.war包，省去编译步骤。

war包需要部署到Tomcat下才能访问，所以还需下载Tomcat，地址：http://www.apache.org/dist/tomcat/tomcat-8/，建议使用Tomcat8，经测试使用Tomcat8是可以的。

部署

将下载下来的Tomcat解压，并把draw.war拷贝到Tomcat下的webapps目录，如：

然后在Tomcat/bin目录，执行startup.bat启动Tomcat。当控制台出现Server startup in xxx ms时表示Tomcat启动好了：

最后打开浏览器访问：http://127.0.0.1:8080/draw，显示如下页面就表示Draw部署好了。

配置

如上只是把Draw启起来了，查看Chrome请求的资源会发现请求了一些外部的资源，所以还不是真正的离线版。

要做到真正的离线版很简单，Draw已经提供了相关参数配置，在访问的URL中加上offline=1：http://127.0.0.1:8080/draw?offline=1即可实现真正的离线版：

但部署好的离线版一般是要给别人用的，可能还会绑定到域名，所以如果每次都都要在URL后加参数会比较麻烦。

解决办法就是找到首页index.html代码，

在urlParams函数内，加上result['offline'] = '1'即可：

Draw还支持其它参数，如是否支持保存到本地或浏览器等。具体参数配置项含义可参考：https://desk.draw.io/support/solutions/articles/16000042546-what-url-parameters-are-supported。

总结

按如上步骤就把Draw.io部署到自己电脑上了，以后不管有没有网都可自由的使用，也可以共享给内网里的其他人。

这里讲的是Windows环境下操作，因为Java是跨平台的，所以在Linux环境下部署也基本一样。

点击下方“了解更多”，获取更多技术干货！