icon

FossFLOW

FossFLOW 是一个强大的开源渐进式 Web 应用程序,用于创建精美的等距基础架构图。基于 React 构建,具备离线支持、自动保存、自定义图标,并支持主流云服务商(AWS、Azure、GCP、Kubernetes)。

template cover
部署次数1
发布者canyugs
创建于2025-10-19
模版内的服务
service icon
标签
DiagrammingProductivityPWADesign

FossFLOW

FossFLOW 是一个开源的渐进式 Web 应用程序,用于直接在浏览器中创建精美的等距基础架构图。通过服务器端持久化存储和可选的 Git 备份集成,您的图表安全且可跨设备访问。

功能特性

  • 等距绘图:创建精美的 3D 风格基础架构图
  • 自动保存:图表每 5 秒自动保存到持久化存储
  • PWA 支持:可离线工作,并可安装为桌面/移动应用程序
  • 图标库:预载 AWS、Azure、GCP、Kubernetes 等图标
  • 自定义图标:上传并使用您自己的自定义图标
  • 导入/导出:以 JSON 文件分享图表
  • Git 备份:可选的自动 Git 提交进行版本控制

使用方式

  1. 打开您域名上的 FossFLOW
  2. 开始创建图表 - 它们会自动保存到 /data/diagrams
  3. 导入/导出图表为 JSON 文件
  4. 在等距和平面图标风格之间切换

配置选项

  • ENABLE_SERVER_STORAGE(默认:true)- 启用服务器上的持久化存储
  • ENABLE_GIT_BACKUP(默认:false)- 启用自动 Git 提交(需要在容器内配置 Git)
  • STORAGE_PATH(默认:/data/diagrams)- 容器中图表的存储位置
  • BACKEND_PORT(默认:3001)- 后端服务器端口

文档