湛兮
39 lines
1.4 KiB
Markdown
39 lines
1.4 KiB
Markdown
# DevOps 运维平台前端 RTK
|
||
|
||
## 项目定位
|
||
|
||
`devops-platform-web` 是 DevOps 运维平台前端，用于统一查看和操作当前四个项目的部署与发布流程：
|
||
|
||
- `access-manage`
|
||
- `role-admin`
|
||
- `role-user`
|
||
- `my-resume`
|
||
|
||
第一阶段为本地 mock UI，后续接入 `devops-platform-api`。
|
||
|
||
## 页面结构
|
||
|
||
- `/login`：mock 登录。
|
||
- `/overview`：总览，展示服务状态、最近发布和项目环境。
|
||
- `/projects`：项目配置，展示 Gitea 仓库、Jenkins Job、企微机器人和环境策略。
|
||
- `/releases`：发布中心，提供发布参数、二次确认、触发、取消、重试和 BPMN 流程状态。
|
||
- `/runs`：运行记录，展示 run 列表和流程轨迹。
|
||
- `/agent`：Agent 辅助，只保留 DevOps 场景能力。
|
||
- `/settings`：系统配置，展示 API、BPMN、Agent、通知边界。
|
||
|
||
## 数据约定
|
||
|
||
- mock 数据入口：`src/mocks/devops.ts`
|
||
- API 封装入口：`src/services/devopsApi.ts`
|
||
- Axios 实例：`src/services/http.ts`
|
||
- 平台状态：`src/stores/platform.ts`
|
||
- 登录状态：`src/stores/session.ts`
|
||
|
||
## 后续接入点
|
||
|
||
- 用后端 OpenAPI 替换 `devopsApi` mock 返回。
|
||
- 发布中心触发按钮接入后端发布单创建接口。
|
||
- 运行记录接入后端 run/step 查询接口。
|
||
- BPMN XML 由后端流程定义接口返回。
|
||
- Agent 面板调用后端 Agent proxy，前端只传 DevOps 场景参数。
|