一个基于 FastAPI + Vue3 的轻量级 DevOps 平台,从代码提交到 K8s 部署,全流程可视化。
在互联网快速迭代的今天,研发与运维的协作效率直接决定了产品的交付速度。传统的运维方式存在以下痛点:
🔴 代码发布靠手动,频繁出错
🔴 服务器分散管理,缺乏统一视图
🔴 流水线构建状态不可见,排查困难
🔴 多环境、多项目、多服务管理混乱
DevOps 平台应运而生,提供一个可视化、可扩展、易上手的一站式运维管理解决方案。
🏗️ 技术架构
前端技术栈
| 技术 | 用途 | 版本 |
|---|---|---|
| Vue 3 | 前端框架(组合式 API) | 3.4+ |
| TypeScript | 类型安全,提升代码质量 | 5.0+ |
| Vite | 极速构建工具 | 5.0+ |
| Element Plus | 企业级 UI 组件库 | 2.6+ |
| Pinia | 轻量状态管理 | 2.1+ |
| Vue Router | 前端路由管理 | 4.2+ |
| Axios | HTTP 请求拦截与统一管理 | 1.6+ |
| Xterm.js | 浏览器端 Web SSH 终端 | 5.3+ |
后端技术栈
| 技术 | 用途 | 版本 |
|---|---|---|
| FastAPI | 高性能异步 Web 框架 | 0.109+ |
| SQLAlchemy | 异步 ORM(支持 MySQL/PostgreSQL) | 2.0+ |
| Python-JOSE | JWT 认证与授权 | 3.3+ |
| BCrypt | 密码安全加密 | 4.1+ |
| Paramiko | SSH 远程连接(Web 终端) | 3.4+ |
| Docker SDK | 镜像构建与推送 | 7.0+ |
| Kubernetes Client | K8s 集群部署管理 | 28.1+ |
| WebSocket | 实时日志推送 | FastAPI 原生 |
| Uvicorn | ASGI 高性能服务器 | 0.27+ |
核心功能模块
1️⃣ 用户认证与权限管理
JWT 双 Token 认证
基于角色的权限控制(RBAC)
管理员/普通用户分级管理
2️⃣ 项目管理
项目/环境/服务三级结构
支持多环境(生产/UAT/开发)
项目级服务器资源隔离
3️⃣ 服务器管理
服务器信息统一管理(IP/OS/环境/状态)
Web SSH 远程终端(基于 Xterm.js)
服务器与项目动态关联/移出
4️⃣ CI/CD 流水线
可视化阶段步骤(拉取代码 → 编译 → 构建镜像 → 部署)
支持自定义构建步骤
流水线执行状态实时追踪
执行历史与日志回溯
一键执行 + 版本号输入
5️⃣ 管道图形化展示
步骤节点 + 状态圆点(绿/红/灰/蓝闪烁)
点击阶段名称编辑配置(代码仓库/编译命令/镜像名/K8s 命名空间)
6️⃣ Kubernetes 部署集成(未开发)
通过 K8s API 更新 Deployment 镜像
支持多命名空间管理
滚动更新状态实时反馈
7️⃣ 数据统计仪表盘(未开发)
项目数/服务器数/流水线数/今日部署次数
最近部署记录快速查看
模块快速入口(项目管理/服务器管理/CI/CD)
📸 界面预览
流水线列表:Jenkins 风格,一行一个流水线,状态清晰
管道图形:步骤节点 + 状态圆点,直观展示执行进度
项目管理:项目/环境/服务器三层结构,资源隔离
Web SSH:浏览器直接登录服务器,无需额外工具
🚀 未来规划
| 功能 | 状态 | 预计完成 |
|---|---|---|
| 应用监控(Prometheus 集成) | 📋 规划中 | 2026 Q4 |
| 告警通知(钉钉/邮件) | 📋 规划中 | 2026 Q4 |
| 批量命令执行(Ansible 集成) | 📋 规划中 | 2026 Q4 |
| 服务拓扑图 | 📋 规划中 | 2026 Q4 |
可以联系获取源码(不免费|九九|接受的来)