![43546255fcea61ec3ee5c3608325eadb.png](https://img-blog.csdnimg.cn/img_convert/43546255fcea61ec3ee5c3608325eadb.png)
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包,省去编译步骤。
![25f8a3e261869351bd33a404ca2fce95.png](https://img-blog.csdnimg.cn/img_convert/25f8a3e261869351bd33a404ca2fce95.png)
war包需要部署到Tomcat下才能访问,所以还需下载Tomcat,地址:http://www.apache.org/dist/tomcat/tomcat-8/,建议使用Tomcat8,经测试使用Tomcat8是可以的。
部署
将下载下来的Tomcat解压,并把draw.war拷贝到Tomcat下的webapps目录,如:
![1b4f056454549ad270febedd478c8acd.png](https://img-blog.csdnimg.cn/img_convert/1b4f056454549ad270febedd478c8acd.png)
然后在Tomcat/bin目录,执行startup.bat启动Tomcat。当控制台出现Server startup in xxx ms时表示Tomcat启动好了:
![efab9f33082be0cda38a2017ea5815b7.png](https://img-blog.csdnimg.cn/img_convert/efab9f33082be0cda38a2017ea5815b7.png)
最后打开浏览器访问:http://127.0.0.1:8080/draw,显示如下页面就表示Draw部署好了。
![fa5e73ccd1ec22ba09e3f1dcaf5f16ac.png](https://img-blog.csdnimg.cn/img_convert/fa5e73ccd1ec22ba09e3f1dcaf5f16ac.png)
配置
如上只是把Draw启起来了,查看Chrome请求的资源会发现请求了一些外部的资源,所以还不是真正的离线版。
![1fee2427c349019a91cc41bf5d8fbad9.png](https://img-blog.csdnimg.cn/img_convert/1fee2427c349019a91cc41bf5d8fbad9.png)
要做到真正的离线版很简单,Draw已经提供了相关参数配置,在访问的URL中加上offline=1:http://127.0.0.1:8080/draw?offline=1即可实现真正的离线版:
![b65d28a8e828c6e1d6f077f6d976e082.png](https://img-blog.csdnimg.cn/img_convert/b65d28a8e828c6e1d6f077f6d976e082.png)
但部署好的离线版一般是要给别人用的,可能还会绑定到域名,所以如果每次都都要在URL后加参数会比较麻烦。
解决办法就是找到首页index.html代码,
![3cedb68b4fc1c582f66990b6823b2280.png](https://img-blog.csdnimg.cn/img_convert/3cedb68b4fc1c582f66990b6823b2280.png)
在urlParams函数内,加上result['offline'] = '1'即可:
![215e8da22ab1d5a9989c8728dd2de7a2.png](https://img-blog.csdnimg.cn/img_convert/215e8da22ab1d5a9989c8728dd2de7a2.png)
Draw还支持其它参数,如是否支持保存到本地或浏览器等。具体参数配置项含义可参考:https://desk.draw.io/support/solutions/articles/16000042546-what-url-parameters-are-supported。
总结
按如上步骤就把Draw.io部署到自己电脑上了,以后不管有没有网都可自由的使用,也可以共享给内网里的其他人。
这里讲的是Windows环境下操作,因为Java是跨平台的,所以在Linux环境下部署也基本一样。
点击下方“了解更多”,获取更多技术干货!