VPS Monitor 改造记：Token 用量 + 访问分析 + GA 风格 UI

第 5 页：部署与运维

标准部署流程

cd /root/vps-monitor
pnpm build
/root/.nvm/versions/node/v24.21.0/bin/pm2 restart vps-monitor

验证

ss -tlnp | grep ":3003"
curl -s -o /dev/null -w "%{http_code}" http://127.0.0.1:3003/

PM2 常用命令

PM2=/root/.nvm/versions/node/v24.21.0/bin/pm2
$PM2 list                    # 列出所有进程
$PM2 restart vps-monitor     # 重启
$PM2 logs vps-monitor        # 看日志
$PM2 stop vps-monitor        # 停止

成果

Tab	功能
VPS Monitor	系统状态（CPU/内存/磁盘/容器/服务）
Token Usage	3 图一行 + 5 个时间范围，直连 SQLite
Realtime	实时数据
Visitors	GA 风格访问分析（地图/图表/明细）

访问：http://162.43.92.249:3003/

经验总结

1. Next.js 16 + Turbopack 对 fs 和原生模块很敏感，遇到问题优先用 eval("require") 或 /*turbopackIgnore*/。
2. 有 PM2 就别手动 kill，直接用 pm2 restart。
3. 写长代码用 Python heredoc，比 bash cat << 'EOF' 更稳。
4. UI 对齐 GA：去阴影、细边框、极浅网格、语义化颜色、留白。
5. 数据源决定能力：能做时间范围，是因为底层有完整历史。

本文记录于 2026-09-28。