System Monitor — 系统 监控
v3.0.0JARVIS风格的系统监控,配备科幻风格的HUD界面。显示服务器健康状况、网关连接性、响应时间和活动日志。支持中英文双语。
运行时依赖
安装命令
点击复制技能文档
jarvis-monitor 科幻风格的系统监控器,实时显示状态。 它的作用 提供可视化仪表盘以监控: 服务健康状态 网关连接状态 最后命令/事件时间戳 响应时间指标 系统组件状态 活动日志 功能 🎨 科幻风格的HUD界面(Orbitron字体,霓虹绿主题) 🌐 中英文双语切换 🔄 每10秒自动刷新 📱 响应式设计 安装 前提条件 任何具有/healthz端点的Web服务,返回类似以下的JSON: { "status": "ok", "gateway": "connected", "gateway_last_event_ts": 1234567890 } 设置 将monitor.html托管在您的Web服务器上: cp monitor.html /path/to/your/server/templates/ 将端点添加到您的服务器: from fastapi.responses import HTMLResponse @app.get("/monitor") async def monitor(): with open("templates/monitor.html", "r") as f: return HTMLResponse(content=f.read()) 在HTML中更新API端点: 找到http://192.168.31.19:8000/healthz并替换为您的服务器URL 使用 在浏览器中打开:http://your-server:port/monitor 语言切换 单击右上角按钮在中文和英文之间切换。 自定义 颜色 编辑CSS变量: --primary: #00ff88; / 霓虹绿 / --secondary: #00ccff; / 青色 / --bg: #0a0a0f; / 深色背景 / API端点 找到并替换: const res = await fetch('http://192.168.31.19:8000/healthz'); 预期的JSON响应: { "status": "ok", "gateway": "connected", "gateway_last_event_ts": 1234567890 } 文件 monitor.html - 主要仪表盘(单个文件,无依赖项,除Google Fonts外) 鸣谢 灵感来自Iron Man / Marvel电影中的JARVIS。