attacker
28dfc519e1
M8 存储挂载 Tab (DeploymentEditStorage.tsx, 437行): - 6种数据卷类型: EmptyDir/HostPath/ConfigMap/Secret/PVC/NFS - 每种类型独立字段编辑 + volumeMounts 只读汇总 M8 高级设置 Tab (DeploymentEditAdvanced.tsx, 632行): - 更新策略(RollingUpdate/Recreate) + revisionHistoryLimit/progressDeadlineSeconds - 调度: nodeSelector + tolerations(key/operator/value/effect/tolerationSeconds) - DNS: dnsPolicy + dnsConfig(nameservers/searches/options) - 主机设置: hostNetwork/hostIPC/hostPID/shareProcessNamespace + hostAliases - Pod 安全上下文: runAsUser/runAsGroup/fsGroup/runAsNonRoot M9 服务路由 Tab (DeploymentEditService.tsx): - selector 双路径关联 Service(spec.selector.matchLabels || selector) - Service/Ingress 创建/删除集成 EditModeContainer 5 Tab 全部 available: basic / containers / storage / advanced / service 验证: go build OK + tsc --noEmit OK + vite build OK + SPA edit路由200 + YAML API有效
205 lines
8.6 KiB
Markdown
205 lines
8.6 KiB
Markdown
# K8s 管理功能演进路线图
|
||
|
||
> 每个模块 = 1 个 cron 周期（6h）可完成的**中等粒度功能**。完成后更新状态。
|
||
|
||
## 当前冲刺：P0 — Metrics 数据贯通
|
||
|
||
### M1: SyncCluster 增加 metrics 采集 [done]
|
||
**目标**: 同步时采集 node/pod metrics，写入 DB 的 cpu_usage/memory_usage 字段
|
||
|
||
**后端改动**:
|
||
- `SyncCluster` handler 中，`client.ListNodes()` 之后调 `client.GetNodeMetrics()`
|
||
- 将 CPU(nanocores→m) / Memory(Ki→Mi) 换算后写入 `kubernetes_nodes.cpu_usage` / `memory_usage`（百分比）
|
||
- 同理调 `client.GetPodMetrics()` 写入 Pod 的资源使用
|
||
|
||
**前端改动**:
|
||
- `KubernetesClusterDetail.tsx`: 删除 `resourceData` 硬编码，改为从 API 获取真实数据（或展示当前 metrics 快照）
|
||
- 资源分布卡片读取 cluster 实际计数（node_count/pod_count 已有）
|
||
|
||
**验收标准**:
|
||
- [x] SyncCluster 后 DB `kubernetes_nodes` 表 cpu_usage/memory_usage 非零
|
||
- [x] 节点列表页 CPU/内存百分比非零
|
||
- [x] 集群详情页无硬编码 mock 数据
|
||
- [x] curl `/kubernetes-clusters/:id` 返回的 node_count/pod_count 正确
|
||
|
||
---
|
||
|
||
### M2: Pod Metrics 详情页接入 [done]
|
||
**目标**: Deployment 详情页和 Pod 列表展示真实 CPU/内存使用
|
||
|
||
**改动**:
|
||
- 后端 `ListPods` handler 注入 `GetPodMetrics()`（类似 ListNodes 已有逻辑）
|
||
- 前端 Pod 列表表格增加 CPU/内存列
|
||
- DeploymentView 容器详情区域读取 metrics
|
||
|
||
**验收标准**:
|
||
- [x] Pod 列表有 CPU/内存使用量列
|
||
- [x] Deployment 详情页容器 CPU/内存非 mock
|
||
|
||
---
|
||
|
||
### M3: Pod 文件上传 [done]
|
||
**目标**: PodFileBrowser 增加上传能力
|
||
|
||
**改动**:
|
||
- 后端新增 `POST .../pods/:pod/files/upload` — multipart 表单接收，base64 分块 exec 写入
|
||
- 前端 PodFileBrowser 增加上传按钮 + FormData 上传
|
||
- **重大修复**: `ExecInPod` 从 raw HTTP SPDY（不工作）改为 WebSocket channel.k8s.io 协议（和 ExecTerminal 一致）
|
||
- **修复**: BusyBox `ls` 不支持 `--time-style`，解析器改为兼容 BusyBox 默认日期格式
|
||
|
||
**验收标准**:
|
||
- [x] 可上传文件到 Pod 容器内
|
||
- [x] 上传后文件列表刷新可见
|
||
- [x] verify 字段返回正确文件大小
|
||
|
||
---
|
||
|
||
### M4: ConfigMap/Secret 编辑 [done]
|
||
**目标**: 目前只读，增加在线编辑能力
|
||
|
||
**改动**:
|
||
- 后端 `UpdateResourceYAMLNS` 端点已支持 configmaps/secrets（无需改动）
|
||
- 前端 `YamlViewer` 增加 `autoEdit` prop — 打开即进入编辑模式
|
||
- `NamespaceResourcePage` ConfigMap/Secret 行增加显式编辑按钮（铅笔图标）
|
||
- 统一 `cleanBeforeEdit=true` — 编辑前自动清理 status/managedFields/uid 等只读字段
|
||
- `k8s-yaml-utils.ts` 的 `cleanYAML()` 提供行级清理
|
||
|
||
**验收标准**:
|
||
- [x] 可在线编辑 ConfigMap 并保存
|
||
- [x] 保存后 K8s 中实际生效（curl 验证 label 增删 → GET 确认）
|
||
|
||
---
|
||
|
||
### M5: Deployment 暂停更新 + CI/CD 集成 [done]
|
||
**目标**: 接通顶部菜单的暂停更新和 CI/CD 按钮
|
||
|
||
**改动**:
|
||
- 后端 `POST .../deployments/:name/pause` 和 `/resume`（ID 路由 + Kuboard code 路由）
|
||
- 客户端 `PauseDeployment()` / `ResumeDeployment()` — PATCH `spec.paused` 布尔字段
|
||
- Deployment 列表 summary 增加 `paused` 字段，前端可读取暂停状态
|
||
- 前端操作菜单增加「暂停更新/恢复更新」动态切换 + 暂停 Badge
|
||
- CI/CD 按钮跳转到流水线页面（传递 namespace+deployment 上下文）
|
||
|
||
**验收标准**:
|
||
- [x] 可暂停/恢复 Deployment 滚动更新
|
||
- [x] CI/CD 按钮可跳转到流水线页面
|
||
|
||
---
|
||
|
||
## 当前冲刺：P1 — Deployment 可视化编辑器（Kuboard 风格）
|
||
|
||
### M6: 编辑器基础设施 + 基本信息 Tab + YAML编辑器 [done]
|
||
**目标**: 三模式切换（查看/可视化编辑/YAML编辑）+ 基本信息 Tab
|
||
|
||
**改动**:
|
||
- `DeploymentWorkload.tsx`: 模式切换从 2 tab → 3 tab（查看模式 / 编辑模式 / YAML编辑）
|
||
- 新增 `DeploymentEditBasic.tsx`: 基本信息 Tab — name/namespace(只读) + replicas/labels/annotations/selector(可编辑)
|
||
- `YamlViewer.tsx` 升级: 引入 CodeMirror 6（`@uiw/react-codemirror` + `@codemirror/lang-yaml`），支持 YAML 语法高亮 + 行号 + 折叠 + 括号匹配
|
||
- `YamlViewer.tsx` 新增 `inline` 模式 — 非弹窗内联展示，适合 YAML 编辑 Tab
|
||
- `DeploymentDetailPage.tsx`: `mode` 类型扩展为 `'view' | 'edit' | 'yaml'`
|
||
- `DeploymentWorkload.tsx` 新增 `EditModeContainer` — 编辑模式 Tab 导航（基本信息✅ / 容器信息M7 / 存储M8 / 高级M8 / 服务M9）
|
||
- 路由 `:mode` 参数自动支持 `yaml` 值（无需改 App.tsx 路由表）
|
||
|
||
**验收标准**:
|
||
- [x] 三模式 tab 切换正常，YAML 模式打开 CodeMirror 编辑器
|
||
- [x] 基本信息 Tab 可编辑 labels/annotations/replicas 并保存
|
||
- [x] YAML 编辑器有语法高亮和行号
|
||
- [x] YAML 编辑器支持内联模式（inline prop）
|
||
- [x] 编辑模式 Tab 导航系统就绪（M7-M9 预留占位）
|
||
|
||
---
|
||
|
||
### M7: 容器信息 Tab（工作容器 + 初始化容器）[done]
|
||
**目标**: Kuboard 风格的容器编辑器，替代当前浅层 DeploymentEdit
|
||
|
||
**改动**:
|
||
- 新增 `DeploymentEditContainers.tsx`: 容器列表卡片（initContainers + containers）
|
||
- 每个容器卡片可编辑：
|
||
- 容器镜像 + ImagePullSecret + 镜像拉取策略
|
||
- 命令 (command + args)
|
||
- 环境变量（key-value 动态列表）
|
||
- 资源需求/限制（CPU/Memory/GPU）
|
||
- 端口（name/port/protocol 动态列表）
|
||
- 健康检查（liveness/readiness/startup — httpGet/tcpSocket/exec 三种）
|
||
- 生命周期回调（postStart/preStop）
|
||
- 安全上下文（runAsUser/runAsNonRoot/privileged/capabilities）
|
||
- 数据卷挂载（name/mountPath/subPath/readOnly）
|
||
|
||
**验收标准**:
|
||
- [x] 可添加/删除工作容器和初始化容器
|
||
- [x] 每个容器的所有常规字段可编辑
|
||
- [x] 保存后 K8s 中实际生效
|
||
|
||
---
|
||
|
||
### M8: 存储挂载 + 高级设置 Tab [done]
|
||
**目标**: 数据卷定义/挂载 + Deployment 高级调度策略
|
||
|
||
**改动**:
|
||
- 新增 `DeploymentEditStorage.tsx` (437 行):
|
||
- 数据卷定义区: 添加/删除 volume（EmptyDir/HostPath/ConfigMap/Secret/PVC/NFS — 6 种）
|
||
- 每种类型独立字段编辑（medium/sizeLimit/path/pathType/configMapName/secretName/pvcName/nfsServer/nfsPath/readOnly）
|
||
- 容器 volumeMounts 只读汇总（从容器信息 Tab 修改）
|
||
- 新增 `DeploymentEditAdvanced.tsx` (632 行):
|
||
- 更新策略: RollingUpdate(maxSurge/maxUnavailable) / Recreate + revisionHistoryLimit + progressDeadlineSeconds
|
||
- 节点调度: nodeSelector (key-value) + tolerations (key/operator/value/effect/tolerationSeconds)
|
||
- DNS 配置: dnsPolicy + dnsConfig(nameservers/searches/options)
|
||
- 主机别名: hostAliases (ip/hostnames)
|
||
- ServiceAccountName + restartPolicy + schedulerName + terminationGracePeriodSeconds
|
||
- 主机设置: hostNetwork/hostIPC/hostPID/shareProcessNamespace
|
||
- Pod 安全上下文: runAsUser/runAsGroup/fsGroup/runAsNonRoot
|
||
|
||
**验收标准**:
|
||
- [x] 可定义 6 种数据卷并挂载到容器
|
||
- [x] 可编辑更新策略和调度策略
|
||
- [x] 保存后 K8s 中实际生效（PUT application/yaml 直通 K8s API）
|
||
- [x] TypeScript 编译零错误 + Vite 构建成功
|
||
- [x] SPA edit 路由返回 200（非 301）
|
||
- [x] YAML API 返回有效 K8s manifest（apiVersion/kind/metadata 齐全）
|
||
|
||
---
|
||
|
||
### M9: 服务/应用路由 Tab + 整体联调 [done]
|
||
**目标**: Service/Ingress 可视化创建 + 编辑器整体联调
|
||
|
||
**改动**:
|
||
- 新增 `DeploymentEditService.tsx`:
|
||
- 服务发布: selector 匹配关联 Service（读 spec.selector.matchLabels），支持创建/删除
|
||
- 应用路由: Ingress 关联展示
|
||
- selector 双路径兼容（manifest?.spec?.selector?.matchLabels || manifest?.selector）
|
||
- 整体联调:
|
||
- 5 Tab 编辑器全部 `available: true`，统一 manifest 数据源
|
||
- 各 Tab 独立保存（PUT application/yaml），保存后刷新 manifest + loadData
|
||
- `EditModeContainer` Tab 系统（basic/containers/storage/advanced/service）
|
||
- 所有 5 Tab 已在 DeploymentWorkload.tsx EditModeContainer 中接入
|
||
|
||
**验收标准**:
|
||
- [x] 可在编辑器内创建/编辑关联 Service
|
||
- [x] 5 Tab 编辑的数据合并保存成功（各 Tab 独立 PUT 完整 manifest）
|
||
- [x] DeploymentWorkload.tsx 5 Tab 全部 available
|
||
- [x] TypeScript 编译零错误 + Vite 构建成功
|
||
|
||
---
|
||
|
||
## 后续规划（P2+）
|
||
|
||
| 模块 | 描述 |
|
||
|------|------|
|
||
| M10 | Node 详情页（PID/容器运行时/分配率） |
|
||
| M11 | StatefulSet/DaemonSet 详情页（对标 Deployment） |
|
||
| M12 | 事件聚合 + 告警联动 |
|
||
| M13 | 多集群资源对比看板 |
|
||
|
||
---
|
||
|
||
## 状态标记规则
|
||
|
||
```
|
||
pending → in_progress → done / blocked
|
||
```
|
||
|
||
每个模块完成后：
|
||
1. 更新本文件状态
|
||
2. 更新 PROJECT_EVALUATION.md 对应行
|
||
3. git commit message 格式: `feat(k8s): M1 SyncCluster metrics 采集`
|