drawio源码方式部署到本地离线使用——windows

---

前言

由于需要流程图类似的前端开源库，这个项目部署的时候觉得很多地方值得学习和借鉴，所以写一篇博文记录一下。 draw.io是一款在github上的开源产品，由于需要构建在线文档，需要插入画图类型，对比多款开源产品，最终选择了draw.io。 draw.io图标资源非常的丰富，方便导入图标资源，基本上现有的图标就能满足大部分的需求。

搭建drawio

draw.io的github地址在https://github.com/jgraph/drawio，可以在release下载正式版本，我们此次下载的是源码版本，在win上部署。

git clone https://github.com/jgraph/drawio.git

首先新建一个目录：随意新建，比如我的是在F盘新建了一个Test目录
需要安装git没有安装的自行百度一下
双击进入目录，右键：选择Bash

进入之后输入（粘贴）代码：

回车等待下载即可：很快的

然后就需要编译了：
编译的话，需要安装ant等环境。
简单说下ant下载安装：
进入官网：http://ant.apache.org/
下载最新版本，我下载的是ZIP版

解压到自己记得住的目录，新建环境变量：
右键我的电脑–属性–高级系统设置–环境变量

在系统变量里面新建ANT_HOME
变量值为ant的解压目录
然后在Path中添加 %ANT_HOME%\bin

在cmd中输入ant测试一下
图：略

然后回到项目我们开始进行编译：
输入

cd drawio/etc/build && ant

回车

结束之后我们打个war包，方便我们在tomcat上运行：
输入 ant war
回车

然后我们可以在/build中找到war包

将其复制到Tomcat目录的webapps目录中
双击运行，bin目录下的startup.bat

打开浏览器输入
localhost:8080/draw/
或者直接点击我的

成功。
可以离线使用了。

注意：

如果端口被占用可以杀一下端口或者改一下这个tomcat的端口。
杀端口提供一个不太安全的方式kill -9：
最近哪个大佬好像说这种对程序不好，会丢失东西，不管了能杀就行
https://blog.csdn.net/qq_41829867/article/details/111210441

改端口就是进入tomcat/conf/server.xml

改一下就可以了。

祝各位好运！！！