“还在用Excel管机房?这种运维人员活该被淘汰”

🤖 AI 赋能，智能运维新体验！集成 Google Gemini 2.5 Flash，一键分析、自动生成，让机房管理从此智能化！

💡 还在用 Excel 管理机房设备吗？

还在为以下问题头疼吗？

❌ 机房设备分散，找不到在哪里

❌ 网络拓扑混乱，不知道谁连着谁

❌ 设备故障了，半天定位不到位置

❌ 虚拟机和物理机傻傻分不清楚

❌ 新人上手慢，培训成本高

❌ 全局故障分析慢，无法快速感知故障点

---

 ✨ Smart Flow 来了！一键解决所有烦恼 🚀

 Smart Flow 是一款基于 React 和 ReactFlow 的数据中心基础设施管理（DCIM）可视化系统，让复杂的机房管理变得像玩游戏一样简单！

最重要的是，它是一个完全可集成的模块化组件！ 可以轻松整合到任何业务系统中，无论是运维平台、监控系统还是资产管理工具，都能无缝对接！

 🎯 核心功能大揭秘

🎨 可视化节点管理

支持 7 种节点类型，一目了然：

- 🏢 区域（Zone） - 机房分区管理

- 🗄️ 机柜（Rack） - 精确到 U 位

- 🖥️ 服务器 - 物理机管理

- 🌐 网络设备 - 交换机、路由器

- 💾 存储设备 - SAN、NAS

- 🛡️ 防火墙 - 安全设备

- ☁️ 虚拟机 - 虚线边框，一眼识别

🖱️ 拖拽式操作

就像搭积木一样简单！

•从左侧拖拽节点到画布

•自动吸附到机柜 U 位

•智能碰撞检测，避免重叠

🔗 智能连接

•拖拽连接点即可创建端口连接

•可视化展示网络拓扑关系

•支持端口信息编辑

🤖 AI 智能助手

集成 Google Gemini 2.5 Flash AI 模型，提供强大的智能化能力：

📊 AI 智能分析

一键分析机房布局，获得专业级评估报告：

分析维度：

- 🎯 高可用性分析 - 评估关键业务是否跨机柜部署，实现机柜级冗余

- ⚠️ 单点故障识别 - 智能发现潜在的单点故障风险

- 📈 资源均衡评估 - 分析空间利用率、电力和散热分布

- 🔥 热点检测 - 识别机房内的热点区域

分析报告包含：

•能效评分（0-100分）

•高可用性评分（0-100分）

•总功耗估算（kW）

•散热输出估算（BTU）

•冗余分析报告

•4条具体优化建议（物理布局、冗余改进、能效优化、容量建议）

•专业总结评价

🎨 AI 自动生成

自然语言描述，AI 自动生成机房布局：

 两种生成模式：

 1️⃣ 机柜模式 - 生成物理机柜布局

AI 自动生成完整的机柜布局，包括：

•机柜位置和尺寸

•设备精确 U 位放置

•设备类型和状态

•自动避免设备重叠

2️⃣ 业务模式 - 生成逻辑业务拓扑

AI 自动生成业务流程图，包括：

•业务节点布局

•节点间连接关系

•网络带宽标注

AI 特性：

•✅ 智能理解自然语言描述

•✅ 自动计算最优布局

•✅ 遵循机房最佳实践

•✅ 支持增量生成

•✅ 一键应用到画布

🔍 快速检索

•按设备名称搜索

•按 IP 地址搜索

•高亮显示匹配结果

•上一个/下一个按钮快速切换

🚨 状态监控

- 正常 - 默认状态

- 故障 - 红色边框闪烁提醒

- 维护 - 特殊边框样式

 🌓 深色/浅色主题

•支持主题切换

•适应不同使用场景

•保护眼睛，提升体验

🏢 应用领域 

💼 企业数据中心

•大型企业的机房管理

•多机房统一视图

•资产盘点和规划

☁️ 云服务提供商

•IDC 机房管理

•客户设备可视化

•资源分配优化

🏥 医疗行业

•医院信息系统机房

•设备状态实时监控

•故障快速定位

🏦 金融行业

•银行数据中心

•高可用架构管理

•合规性审计支持

🎓 教育科研

•高校机房管理

•实验室设备管理

•教学演示工具

🏭 工业互联网

•工厂数字化转型

•设备联网管理

•智能运维支持

� 模块化集成能力

 Smart Flow 不仅仅是一个独立工具，更是一个高度可复用的可视化模块，可以轻松集成到各种业务系统中！ 

🎯 集成方式 

方式 1：React 组件集成 

import { SmartDCIM } from '@smart-flow/core';function YourApp() {  return (    <div>      <YourHeader />      <SmartDCIM        onNodeSelect={handleNodeSelect}        onEdgeSelect={handleEdgeSelect}        customTheme={yourTheme}      />      <YourFooter />    </div>  );}

方式 2：iframe 嵌入

<iframe  src="https://your-domain.com/smart-flow"  width="100%"  height="800px"  frameborder="0"></iframe>

方式 3：API 对接

通过 RESTful API 或 GraphQL 与现有系统数据同步：

•设备数据同步

•拓扑关系同步

•状态监控数据对接

🏗️ 集成场景

场景 1：运维管理平台

将 Smart Flow 作为机房视图模块嵌入到运维平台，实现：

•统一的运维入口

•设备管理与监控一体化

•工单系统联动

场景 2：资产管理系统

作为资产可视化模块，提供：

•资产位置可视化

•资产生命周期管理

•资产盘点辅助

场景 3：监控告警系统

集成到监控平台，实现：

•告警设备快速定位

•拓扑关系可视化分析

•故障影响范围评估

场景 4：CMDB 系统

作为 CMDB 的可视化前端，提供：

•配置项关系可视化

•依赖关系图谱

•变更影响分析

场景 5：自动化运维平台

与自动化工具联动：

•自动化部署可视化

•批量操作辅助

•运维流程编排

🔧 集成特性

- ✅ 零依赖冲突 - 独立的样式作用域

- ✅ 主题可定制 - 支持自定义主题色

- ✅ 事件回调 - 完整的事件监听机制

- ✅ 数据驱动 - 支持外部数据源

- ✅ 权限控制 - 可集成现有权限系统

- ✅ 国际化 - 支持多语言切换

- ✅ 响应式设计 - 适配各种屏幕尺寸

📦 技术集成优势

为什么选择 Smart Flow？

✅ 开箱即用

pnpm installpnpm run dev

三步启动，无需复杂配置！

✅ 技术先进

•React 19.2.0 最新框架

•TypeScript 类型安全

•Vite 极速构建

•TailwindCSS 现代化样式

✅ 模块化设计

- 独立组件 - 可作为独立模块嵌入任何系统

- 零依赖冲突 - 完全隔离的样式和状态管理

- 灵活集成 - 支持 React 组件、iframe、API 多种集成方式

- 易于扩展 - 模块化架构，支持自定义节点和边

✅ 扩展性强

•模块化设计

•易于添加新节点类型

•支持自定义边样式

•可集成其他运维系统

✅ AI 赋能

- Google Gemini 2.5 Flash - 最新 AI 模型

- 智能分析 - 一键生成专业评估报告

- 自动生成 - 自然语言描述，AI 自动布局

- 辅助决策 - 基于最佳实践的优化建议

- 提升效率 - 减少人工规划时间 80% 以上

✅ 企业级特性

•完整的 TypeScript 类型定义

•丰富的 API 接口

•事件回调机制

•主题定制能力

•国际化支持

🎬 使用场景示例

场景 1：新设备上架

1.从左侧拖拽"服务器"节点

2.拖到目标机柜

3.自动吸附到合适 U 位

4.编辑设备信息

5.连接网络端口

完成！整个过程不到 1 分钟 🎉

场景 2：故障排查

1.收到告警通知

2.打开 Smart Flow

3.搜索故障设备 IP

4.一键定位到设备位置

5.查看连接关系

6.快速定位问题根源

场景 3：容量规划

1.查看各机柜使用情况

2.AI 助手分析资源利用率

3.获取扩容建议

4.可视化规划新设备位置

场景 4：AI 智能分析（新功能！）

1.点击右上角"AI 分析"按钮

2.等待 AI 分析当前机房布局

3.查看专业评估报告：

￮能效评分和高可用性评分

￮功耗和散热估算

￮单点故障风险识别

￮4条具体优化建议

4.根据建议优化机房布局

整个过程只需 30 秒！ 🤖

场景 5：AI 自动生成机房布局（新功能！）

1.点击"AI 自动生成"按钮

2.选择"机柜模式"或"业务模式"

3.用自然语言描述需求，例如：

"我需要一个包含5个机柜的机房， 每个机柜42U，用于部署微服务架构， 包含3个应用服务器机柜、1个数据库机柜、1个网络设备机柜"

4.点击生成，AI 自动创建完整布局

5.一键应用到画布

从需求到可视化，只需 1 分钟！ ✨

📊 技术参数

| AI 模型 | Google Gemini 2.5 Flash |

| AI 功能 | 智能分析、自动生成、优化建议 |

| 图标 | FontAwesome Free 7.1.0 |

🤝 开源生态

Smart Flow 是方块智联 AI 团队开发的智能运维模块之一，完全开源！

🔗 智能运维全家桶

Smart Flow 可以与以下模块无缝整合，构建完整的智能运维体系：

- **[aissh 助手](https://github.com/bintelAI/aissh)** - AI 驱动的 SSH 终端

•智能命令补全

•自动化脚本执行

•与 Smart Flow 联动，直接在可视化界面中执行命令

- **[AI 工作流模块](https://github.com/bintelAI/ai-workflow)** - 智能化工作流管理

•可视化流程编排

•自动化运维任务

•与 Smart Flow 结合，实现基于拓扑的自动化运维

- **[AI 报表模块](https://github.com/bintelAI/ai-report)** - 智能数据报表

•自动化数据统计

•智能分析报告

•基于 Smart Flow 的可视化数据展示

🌐 模块整合示例

┌─────────────────────────────────────────────────┐│           智能运维统一平台                        │├─────────────┬─────────────┬─────────────┬──────┤│  Smart Flow │   aissh     │  AI工作流   │报表  ││  (可视化)   │  (终端)     │  (自动化)   │(分析) │├─────────────┴─────────────┴─────────────┴──────┤│              统一数据层 (CMDB/监控)               │└─────────────────────────────────────────────────┘

🎯 集成优势

- 统一数据源 - 所有模块共享同一套设备数据

- 统一权限 - 集中权限管理，降低维护成本

- 统一风格 - 一致的用户体验

- 统一运维 - 从监控到执行的全流程覆盖

欢迎提交 Issue 和 Pull Request！🎊

🚀 立即体验

还在等什么？快来体验 Smart Flow 带来的高效运维吧！

# 环境要求Node.js >= 18pnpm >= 8# 快速开始git clone https://github.com/flyowl/smart-flow.gitcd smart-flowpnpm installpnpm run dev

浏览器打开 http://localhost:5173 即可体验！✨

📮 联系我们

如有问题或建议，请通过以下方式联系我们：

•GitHub Issues

•官方网站：方块智联 AI

 更多精彩：