Drawio编译部署，与Gitlab集成，实现应用授权机制

一、背景

       因为要做项目管理平台，平台中需要实现在线绘制流程图功能，通过调研Drawio是非常不错的一个平台，因为它开源！！！！！

二、步骤

 1.编译部署Drawio

（1）下载Drawio源码，

  下载链接：https://gitee.com/mirrors/drawio

   源码目录结构如下：

 该项目用的是Ant脚本编译打包，不了解Ant 的可以先了解一下。

Ant脚本是etc/build/build.xml，修改下它的内容，修改如下图：  

（2）编译打包

    在Ant脚本所在目录执行Ant命令即可，打完的war包在build目录里

（3）部署

      部署很简单，用tomcat部署即可，这里需要注意的一个点是把war内容解压到tomcat的webapp目录下的ROOT目录里，这样直接访问http://localhost:8080就能访问，

   注意：千万不要弄成http://localhost:8080/draw,不然后面集成gitlab会有问题

2.配置Gitlab

    Gitlab可以用官网的，也可以用自己部署的

（1）在gitlab创建应用

     

（2）在drawio配置

如果你像我这样是在本地部署的 ，那么你首先需要配置一个环境变量：DRAWIO_USE_HTTP=1

这个环境变量的意思就是，你当前部署的Drawio是否采用了http协议，实际根据自己情况配置

不要问我为什么，我也是读了源码才知道的，（老外的逻辑有时候就是这样，哈哈哈哈）

   

---

配置刚刚在gitlab里创建的应用的 clientid和secret，如下，直接替换下面两个文件的内容

这里需要注意下：如果你的gitlab是自己部署的，还需要在上面的目录里创建一个文件，命令为gitlab_auth_url,内容为：gitlab地址+/oauth/token,例如：http://10.2.3.2:8098/gitlab是的gitlab地址

那么文件内容就是http://10.2.3.2:8098/gitlab/oauth/token

不要问我为什么，我也是通过读源码才知道的！！！！！！！！！！！！！

---

配置前端JS

内容如下

通过上面的配置，基本上就成功了，成功界面如下

完结！！！！！！！！！！！！！！！！！！！！！！！！！！！！

有问题留言交流