draw.io 网页版二次开发（3）：打包和部署（war包）

目录

一 说明

二 环境配置

1. 下载并安装 Apache Ant

2. 下载并安装JDK和JRE

3. 下载tomcat

4. Ant、JDK和JRE 环境变量的配置 

三  draw.io打包 

四 部署

五  最后

---

一 说明

        应公司项目要求，需要对draw.io进行二次开发，并将html界面通过iframe 嵌入到本公司产品中使用，但是由于功能限制，做到最后还是放弃了使用draw.io。但是之前的研究内容可不能浪费。便准备写个专栏进行记录，希望能够帮到需要将draw.io进行二次开发的朋友，其中有涉及到不正确的地方还请大家多包涵！

二 环境配置

1. 下载并安装 Apache Ant

        下载地址：Apache Ant（https://ant.apache.org/bindownload.cgi）（我的是1.10.14版本）。

     

2. 下载并安装JDK和JRE

        JDK 和JRE 下载地址：https://www.oracle.com/java/technologies/downloads/#jre8-windows

注意：这里需要提一句， JDK 和JRE路径不能是同一个。因为JDK和JRE的默认安装路径是同一个，所以这里就需要手动修改安装路径。

3. 下载tomcat

         下载地址：https://tomcat.apache.org/

        备注：tomcat不需要进行环境变量配置（前提是之前就安装了JDK和JRE），也不需要安装。下载了解压就能用。 我现在一直都是用的这个  startup.bat  文件进行启动。双击这个文件，如果出现下面的黑色的命令行弹窗，就表示tomcat安装成功了。

4. Ant、JDK和JRE 环境变量的配置 

        这里要求对Ant 、JDK和JRE进行环境变量配置。网上有很多现成的，我这里就不多说了。毕竟我也是按照网上搜的方法来配置的。比如：

        Ant环境变量配置：https://www.cnblogs.com/lfh-francis/p/4610207.html

        JDK和JRE环境变量配置：https://blog.csdn.net/qq_42623386/article/details/120446983

三  draw.io打包 

        上面所有的环境配置好了之后，就可以进行打包了。draw.io的是使用 Ant 进行打包的，会生成 war 包。 

        具体步骤：

                在ide中，进入到draw.io 项目文件夹中的 etc下的bulid 文件夹中，并执行命令：ant war

         可以发现，运行命令后，会不断有提示信息，直到打包完毕。打包完毕后，可以发现 draw.io根目录下的 build 文件夹中，出现 了一个 draw.war 包。这个就是部署时候需要用到的包了，接下来就开始进行部署。

四 部署

        打开tomcat解压后的文件夹，将上面的draw.war 包放到 webapps 文件夹下。

 然后进去到bin目录下，重新运行 startup.bat  批处理文件，会弹出下面窗口，就表示部署成功。然后运行  http://localhost:8080/draw/  就可以看到draw.io 的主界面了。

五  最后

        这个专栏算是结束了。很多都是自己摸索而来，肯定有不全之处，如果大家发现更好的东西，还请不吝赐教！