使用 Cloudflare 搭建 VPS 监控面板
这是一个部署在 Cloudflare Workers 上的简单 VPS 监控面板，使用 Cloudflare D1 数据库存储数据。
项目地址：cf-vps-monitor
PC端：
移动端：
开始部署
创建 D1 数据库
- 【存储和数据库】→【D1 SQL 数据库】→【创建数据库】→ 名称：vps-monitor-db → 区域【亚太地区】→【创建】。
部署 Workers
- 【计算】→【Workers 和 Pages】→【创建】→【Workers】→【从 Hello World! 开始】→ 名称：vps-monitor-worker →【部署】→【编辑代码】→ 复制 worker.js 代码替换默认代码 →【部署】。
设置环境变量
- 【设置】→【变量和机密】→【添加】→ 变量名：JWT_SECRET ，值：任意30位复杂密码 →【部署】。
绑定 D1 数据库
- 【绑定】→【添加绑定】→【D1数据库】→【添加绑定】→ 变量名称：DB（大写），D1 数据库：vps-monitor-db →【添加绑定】。
设置触发频率
- 【设置】→【触发事件】→【添加】→【Cron 触发器】→【计划】→【执行 Worker 的频率】→ 选择：小时 ，默认值为 1 也可以自定义 →【添加】。
添加自定义域
- 【设置】→【域和路由】→【添加】→【自定义域】→ 填入自定义域名→【添加域】。
面板使用
首次登陆
- 用自定义域名登陆 → 右上角登陆 → 默认用户名: admin 密码: monitor2025! → 登陆后立即修改密码。
添加服务器或网站
- 管理员身份登陆后面 →【添加服务器】或【添加监控网站】→ 填入 网站 URL →【保存】。
- 面板会自动生成一个唯一的【服务器 ID】和【API 密钥】，可于后台随时查看，部署【Agent】时需要用到。
部署 Agent（探针）
- Agent 是需要在 VPS 上运行的脚本，用于收集状态信息并发送回面板。
- 安装 Agent 脚本的方式有两种：
- 第一种是直接从后台复制带有参数的命令一键安装（推荐）；
- 第二种是：下载脚本并运行：wget -O cf-vps-monitor.sh https://raw.githubusercontent.com/kadidalax/cf-vps-monitor/main/cf-vps-monitor.sh && chmod +x cf-vps-monitor.sh && ./cf-vps-monitor.sh 或 curl -O https://raw.githubusercontent.com/kadidalax/cf-vps-monitor/main/cf-vps-monitor.sh && chmod +x cf-vps-monitor.sh && ./cf-vps-monitor.sh
- 安装需要【服务器ID】、【API 密钥】和【worker 网址】，可以在后台点击【查看密钥】来获取上述三个参数，按照提示输入安装完成后，Agent 会根据设置的触发频率向面板发送数据，可以在面板上看到对应服务器的状态更新。
配置 Telegram 通知
- 通过 BotFather 创建 bot 并获取Bot Token
- 通过 @userinfobot 获取自己的ID
将上述两项分别填入，启用通知，点击保存。Telegram 设置完成后会受到一条测试通知，说明配置正确。
配置自定义背景和透明度
- 找一张好看的背景图上传到图床，复制图片链接填入【背景图片URL】，勾选 【启用自定义背景】。调整【页面透明度】滑块 →【保存背景设置】。