当前位置: 首页 > news >正文

本地部署开源在线流程图工具 Draw.io 并实现外部访问( Windows 版本)

Draw.io 是一款用于创建图表和流程图的完全免费且开源在线工具,它提供了强大的功能来帮助用户轻松地绘制各种类型的图表,包括但不限于流程图、组织结构图、UML 图、网络图、BPMN 图等,无论是用于教育、个人项目还是商业用途。本文将详细介绍如何在 Windows 系统本地部署 Draw.io 并结合路由侠实现外网访问本地部署的 Draw.io 。

第一步,本地部署安装 Draw.io

1,本教程操作环境为 Windows11 系统,首先访问 Python 官方网站下载适合你 Windows 版本的最新版 Python 安装程序,点此下载,在安装过程中,请确保勾选“ Add Python to PATH ”选项以便可以在命令行中直接使用 Python 命令。

2,访问官方 GitHub 仓库下载预编译的 Web 应用包,点此下载,选择最新的 Source code ( zip ) 稳定版本,将下载的压缩包解压到一个目录,例如 D:\Software\drawio-web 。

3,打开命令提示符( CMD )或 PowerShell ,进入解压后的 Web 项目目录。

cd /d D:\Software\drawio-web\src\main\webapp

4,使用 Python HTTP 服务器启动 Draw.io 服务。

python -m http.server 8000

5,打开浏览器访问地址 http://localhost:8000 ,就能看到你部署的 Draw.io 界面了。

第二步,外网访问本地 Draw.io

在内网的电脑上安装路由侠,点此下载

1,下载安装完成后,打开路由侠界面,点击【内网映射】。

2,点击【添加映射】。

3,选择【原生端口】。

4,在内网端口填写 Draw.io 端口 8000 后点击【创建】按钮,如下图。

5,创建好后,就可以看到一条映射的公网地址,鼠标右键点击【复制地址】。

6,在外网电脑上,打开浏览器,在地址栏输入从路由侠生成的外网地址,就可以看到内网部署的 Draw.io 界面了。

http://www.jsqmd.com/news/458819/

相关文章:

  • cv_unet_image-colorization保姆级教程:Mac M1/M2芯片适配Metal加速部署方案
  • 无锡劳力士高端腕表进水起雾故障科普与维修实测 - 时光修表匠
  • 录屏截图救星!AI净界RMBG-1.4实测:一键去除弹窗/水印干扰区域
  • EVA-01实战教程:Qwen2.5-VL-7B图文理解模型在NERV战术文档分析中应用
  • x64dbg LyScript 2.0 SDK 接口指南
  • 2026年 大棚双U型管卡厂家推荐排行榜,热镀锌/不锈钢/十字型/猪舍专用U型管卡,坚固耐用的温室与养殖场固定方案之选 - 品牌企业推荐师(官方)
  • 2026年最新企业微信联系方式,协同办公功能详解 - 品牌2026
  • StructBERT情感分类企业级案例:某银行信用卡中心客服对话情绪日报系统
  • [AI] 今日dify热点速读:新手也能看懂的3个实用变化
  • 4大维度解析:开源PSK/PSA插件如何重构3D资产工作流
  • SpringBoot 集成 IP2Region
  • 【上海大学主办 | ACM出版】第六届应用数学、建模与智能计算国际学术会议(CAMMIC 2026)
  • 当数据成为黑市硬通货:AI时代下的测试工程师攻防战
  • 当HR用情绪识别AI面试:我靠扑克脸拿下offer
  • 高端门窗定制2026指南,实力厂家获赞无数,电动门窗/智能门窗/欧式门窗/环保门窗/节能门窗/隔音门窗,门窗公司推荐榜单 - 品牌推荐师
  • 2026年2月口碑佳的医疗设备钣金加工源头厂家有哪些,激光焊接自动化设备/精密钣金加工非标,钣金加工源头厂家有哪些 - 品牌推荐师
  • AI头像生成器实战落地:短视频MCN机构头像矩阵(主理人/分身号/栏目IP)生成
  • Qwen3-VL-8B部署教程:单卡运行80亿参数模型,内容审核场景集成
  • 普通开发者的终极武器:让ChatGPT写自己的辞退信
  • 2026国内最新云南旅游定制社top9权威推荐! - 十大品牌榜
  • 文科生都是服务业,那网络安全是什么性质的行业?
  • 上海万国腕表维修哪里好?2026年实测测评(含复杂机芯维修) - 时光修表匠
  • 掌握Tag组件:45分钟构建高效信息标记系统
  • 代码里的求救信号:同事在commit message藏了遗嘱
  • 从‘Brother 8‘到地道表达:研究生英文面试回答的5个升级技巧(附模板对比)
  • EmbeddingGemma-300m模型蒸馏实践:打造更轻量的嵌入模型
  • 当自动化测试成为裁员借口:一位测试工程师的反击实录
  • vue3部分特性
  • 当自动驾驶系统拒绝刹车:测试员成命案被告
  • 闲置盒马鲜生礼品卡别再乱转了!我踩过的坑都给你们避了 - 团团收购物卡回收