draw.io项目本地部署

2024-05-12 05:53:02

最近想学习draw.io二次开发，而且这本来就是一个很有用的绘图工具，本地部署完成后，再也不用安装庞大的visio，也不用受制于processon了。
本文给出两种部署方法。

1. 使用本地的IntelliJ和Tomcat进行部署

这种方法适合开发者。
现将对IntelliJ进行配置，主要是消除乱码问题，参考链接：《IntelliJ IDEA乱码问题》

1.1. 使用git将源码下载到本地

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

1.2. 用IntelliJ打开项目

1.3. 导入依赖包

File - Project Structure - Modules - drawio - Dependencies

1.4. 在Ant中添加编译配置文件

1.5. 此时可以编译项目了

出现下图表示编译成功

1.6. 配置Tomcat，添加Artifacts

1.7. 配置Tomcat，Server与Deployment

1.8. 运行

注意：

使用如下地址即可以进行访问

http://localhost:8080/drawio

也有说法是必须使用

http://localhost:8080/drawio/?dev=1
http://localhost:8080/drawio/?offline=1

访问时，才是开发模式 / 本地模式。

2. 使用Docker进行部署

这种方法适合工具使用者。
Windows10也已经可以原生运行Docker Desktop了~
Docker相关的说明详见《Docker入门》

2.1. 拉取镜像

docker pull fjudith/draw.io

2.2. 创建并启动容器

docker run -dit --name=draw.io -p 8080:8080 fjudith/draw.io

【参考资料】

https://www.drawzh.com/
https://zhangzw.com/posts/20200107.html
https://www.pianshen.com/article/84141387911
https://blog.csdn.net/privateobject/article/details/105143285
https://blog.csdn.net/PiaoMiaoXiaodao/article/details/90761115

draw.io项目本地部署相关推荐

Java项目本地部署宝塔搭建实战华夏ERP系统vue源码
大家好啊,我是测评君,欢迎来到web测评. 本期给大家带来一套java开发的华夏ERP系统源码,该系统是前后端分离的架构,前端使用Vue2.6.10,后端使用SpringBoot2.0.0. 技术架构 ...
Java项目本地部署宝塔搭建实战java协同办公OA系统源码
大家好啊,我是测评君,欢迎来到web测评. 本期给大家带来一套java开发的协同自动化办公OA系统源码. 技术架构框架:springboot + freemark + jpa +mybatis + ...
安装draw io 在本地电脑
时间效应文章编写的时间是2020年9月份,如果哪位大哥发现文档内容失效,麻烦请评论一下,我会认证改正一下下载安装包 https://github.com/jgraph/drawio-deskt ...
draw.io二次开发（1）三种运行模式的区别
想尝试在开源的drawio的基础上做一些开发,实现自己的定制化需求.可能是因为这个工具已经非常完善了吧,找到的大部分都是教你如何使用,开发相关资料太少,看来只能靠自己了. 关于开发环境搭建,请先看这一 ...
【云原生之Docker实战】使用Docker部署draw.io思维导图工具
[云原生之Docker实战]使用Docker部署draw.io思维导图工具一.Draw.io工具介绍二.检查本地Docker环境 1.宿主机系统版本 2.检查Docker版本 3.检查docker ...
【EdgeX（11）】：通过研究openvino项目发现一个好东西，CVAT项目数据标注工具，可以使用docker-compose进行本地部署，本地局域网中使用，也非常安全
目录前言 1,关于CVAT项目 2,使用docker-compose 进行本地部署 3,总结前言相关EdgeX Foundry 全部分类: https://blog.csdn.net/freew ...
[vue] 分析下vue项目本地开发完成后部署到服务器后报404是什么原因呢？
[vue] 分析下vue项目本地开发完成后部署到服务器后报404是什么原因呢? 1.检查nginx配置,是否正确设置了资源映射条件: 2.检查vue.config.js中是否配置了publicPath ...
如何让你的本地上的项目不用部署到服务器也能让外网看到？使用ngrok内网穿透实现
目录前言一.准备工作二.安装ngrok运行环境 (liunx) 三.安装ngrok (liunx) 四.配置ngrok (liunx) 五.生成客户端和服务端并运行ngrok (liunx) 六 ...
draw.io在线画图站点
draw.io简介 draw.io 是一个开源的在线画图网站,比较特别的是,由于项目组保证代码的可持续性,决定只开源不接受贡献代码,可以通过提issue的方式使项目改进github项目地址. draw ...

最新文章

热门文章