GlassPanel 🐳

开源玻璃拟态服务器管理面板 · Web + 手机双端 · 毛玻璃美学

GlassPanel 是一款全功能、高颜值、高度可定制的服务器管理面板，对标宝塔的功能完整度、1Panel 的现代化界面、CasaOS 的颜值，同时提供网页端与手机端（Capacitor 独立 App）。

---

✨ 特性

• 📊 实时监控仪表盘：CPU / 内存 / 磁盘 / 网络 / 进程，毛玻璃卡片布局
• 🐳 Docker 管理：容器启停、日志、创建容器、拉取镜像（内置镜像加速源 + 自定义）
• 📁 文件管理：浏览、上传、下载、编辑、权限
• 💻 Web 终端：WebSocket + PTY 实时交互终端
• 🛠️ 服务管理：systemd 服务启停、开机自启
• 🛡️ 防火墙：规则增删改查
• 🌐 网站管理：站点 / 反向代理
• 🗄️ 数据库：SQLite / MySQL 管理
• 💾 备份：目录备份、下载
• 🔔 告警通知：资源阈值告警
• 📱 手机双端：同一后端，Capacitor 独立 App（APK）+ 移动端网页（/m/）
• 🎨 深度自定义：壁纸、主题色、毛玻璃模糊/透明度、圆角、紧凑模式、底部导航自定义

🏗️ 架构

backend/    FastAPI 后端（Python 3.10+，psutil，无重量级依赖）
frontend/   Vue3 网页端（vite + glassmorphism 主题）
mobile/     Vue3 手机端（Capacitor Android App + PWA）

• 后端通过 docker CLI 管理容器（无需 docker SDK）
• 状态存储为本地 JSON（backend/data/，自动创建）
• WebSocket 终端：Linux 走 PTY，Windows 走管道

🚀 快速开始

后端

cd backend
pip install -r requirements.txt   # fastapi uvicorn psutil
python -m uvicorn main:app --host 0.0.0.0 --port 8000

网页端

cd frontend
npm install
npm run dev       # 开发模式（代理到 :8000）
npm run build     # 生产构建 → dist/

手机端

cd mobile
npm install
npm run build                  # 构建移动端网页 → dist/
npx cap sync android           # 同步到 Android 工程
cd android && ./gradlew assembleDebug   # 打包 APK

⚠️ 默认账号 admin / admin123，首次部署后请立即修改！

🔐 安全

• 全局 API 认证中间件：除登录/版本/健康检查外，所有 API 必须携带有效 Bearer Token
• 修改密码 / 用户名后立即撤销全部会话与 API Token（所有端强制下线）
• WebSocket 终端握手鉴权
• 支持 API Token（密钥）登录，用于多面板远程管理

📄 许可证

MIT © 2026 WSYXIUBA

⚠️ 免责声明

面板可执行删除、覆盖、重启等高风险操作，请在测试环境验证后再用于生产。使用本项目造成的任何损失，作者不承担责任。