XUGOU - 轻量级系统监控平台，基于 CloudFlare 零成本部署！
{{ getUsernameByUid(4105) }}
发布{{ getTimeInfo('2025-03-27 10:00:27') }}
#0
{{ getUsernameByUid(4105) }}
发布{{ getTimeInfo('2025-03-27 10:00:27') }}
#0
大家好，最近搞了个小玩意儿，特来分享一下。
啥玩意儿？简单来说，这是一个轻量级的系统监控平台，使用 CloudFlare 免费搭建，能够让你实时监控自己的服务器、网站、API 接口状态，同时也带有一个公开分享的状态页面。
为啥做这个？说实话，市面上的监控方案要么太重太复杂（比如 Prometheus + Grafana 全家桶），要么就是收费不便宜（比如 UptimeRobot Pro 、Pingdom 之类）。而我只是想有个简单干净的方案，能够：
监控几台自己的小破服务器状态（ CPU 、内存、磁盘这些）检测几个网站和 API 接口是否正常有个好看的状态页面放出来让用户知道服务健康状况于是，就整了这么个玩意儿。最最最重要的其实就是想有个支持自定义，且可以白嫖的方案。
有啥特点？🔥 完全基于 CloudFlare：数据存储用的 D1 ，后端用的 Workers ，意味着你几乎不用花一分钱🌈 颜值在线：基于 React + Radix UI 开发的前端，简洁但不简单🔧 好上手：一行命令部署 agent ，后端直接 wrangler 一键部署🌐 HTTP/HTTPS 监控：支持定制请求方法、请求头和请求体，满足各种 API 监控需求📊 实时数据可视化：直观的图表展示，支持历史趋势分析已经做了啥？目前已经完成的功能：
✅ 系统监控：实时收集 CPU 、内存、磁盘、网络等指标✅ HTTP 监控：检测你的网站、API 接口是否正常响应✅ 数据可视化：啥指标都有漂亮的图表展示✅ 自定义状态页：一个能放出去的状态页面，让用户知道你的服务状态计划整啥？🚧 异常通知：增加告警以及告警通知🚧 移动端：移动端 APP ，想来用 expo 糊一个 APP 应该也挺简单的，方便在手机上看咋用？基本上就三步走：
克隆仓库：git clone https://github.com/zaunist/xugou.git部署后端：在 CloudFlare 账号配置好 D1 数据库，并部署后端到 worker部署前端: 在 CloudFlare 部署前端到 pages详细教程放在了 WIKI 里。
在线体验仓库地址： https://github.com/zaunist/xugou
在线体验地址： https://xugou.mdzz.uk ，默认用户名密码：admin admin123
在线状态页地址： https://xugou.mdzz.uk/status
好了，就说这么多，对项目有啥问题或者需求，欢迎去提 issue 讨论
{{ getUsernameByUid(5113) }}
发布{{ getTimeInfo('2025-03-27 10:04:24') }}
#1
{{ getUsernameByUid(5113) }}
发布{{ getTimeInfo('2025-03-27 10:04:24') }}
#1
很不错，期待告警。
{{ getUsernameByUid(13524) }}
发布{{ getTimeInfo('2025-03-27 10:39:48') }}
#2
{{ getUsernameByUid(13524) }}
发布{{ getTimeInfo('2025-03-27 10:39:48') }}
#2
很不错，期待告警功能上线
{{ getUsernameByUid(2783) }}
发布{{ getTimeInfo('2025-03-27 10:51:49') }}
#3
{{ getUsernameByUid(2783) }}
发布{{ getTimeInfo('2025-03-27 10:51:49') }}
#3
很不错，期待可以配置 telegram 的报警。然后页面设计，比着 kuma 做就好啦！
{{ getUsernameByUid(15244) }}
发布{{ getTimeInfo('2025-03-27 11:10:55') }}
#4
{{ getUsernameByUid(15244) }}
发布{{ getTimeInfo('2025-03-27 11:10:55') }}
#4
期待一下，感觉很符合我的需求，目前用的 koyeb 搭建的哪吒，但是不需要这么多功能。
{{ getUsernameByUid(12746) }}
发布{{ getTimeInfo('2025-03-27 11:33:30') }}
#5
{{ getUsernameByUid(12746) }}
发布{{ getTimeInfo('2025-03-27 11:33:30') }}
#5
挺棒的
{{ getUsernameByUid(15245) }}
发布{{ getTimeInfo('2025-03-27 14:32:35') }}
#6
{{ getUsernameByUid(15245) }}
发布{{ getTimeInfo('2025-03-27 14:32:35') }}
#6
不错，怎么能检测端口呢
{{ getUsernameByUid(8322) }}
发布{{ getTimeInfo('2025-03-27 14:44:43') }}
#7
{{ getUsernameByUid(8322) }}
发布{{ getTimeInfo('2025-03-27 14:44:43') }}
#7
基于 CloudFlare 好评
另外看到一个 Beszel 也挺不错，可以参考
另外看到一个 Beszel 也挺不错，可以参考
{{ getUsernameByUid(15246) }}
发布{{ getTimeInfo('2025-03-27 15:24:05') }}
#8
{{ getUsernameByUid(15246) }}
发布{{ getTimeInfo('2025-03-27 15:24:05') }}
#8
有没有考虑增加 https://healthchecks.io/类似的功能。与目前的请求逻辑相反，客户端来请求，像打卡一样。
{{ getUsernameByUid(4105) }}
发布{{ getTimeInfo('2025-03-27 17:05:51') }}
#9
{{ getUsernameByUid(4105) }}
发布{{ getTimeInfo('2025-03-27 17:05:51') }}
#9
我这里有 agent ，是一个使用 go 开发的客户端程序，这个就是由客户端来主动上报信息的。我计划的监控就是两种模式，一种是服务端去请求指定端点，获取服务状态，第二种是客户端主动注册到服务端，并上报客户端信息。目前这两种模式都有，只不过功能还比较简陋。
这个监控，实际上我就是学着 uptime-kuma 和 beszel 来写的，实际上用户管理也是有的，只不过现在我没开放开注册功能，因为目前的实现还是太简陋，一般就使用一个管理员用户就行了。并且我考虑到使用这个监控，大多数都是为了白嫖 cloudflare ，那么单个网站的监控数量也不会多，所以想着功能简单一些就好。
现在在我计划中，还需要补充的功能，一个是告警通知，另一个是做一个移动端 APP ，目前来看难度都不大，最大的问题是我能不能从炉石传说里抽出时间来搞😂
这个监控，实际上我就是学着 uptime-kuma 和 beszel 来写的，实际上用户管理也是有的，只不过现在我没开放开注册功能，因为目前的实现还是太简陋，一般就使用一个管理员用户就行了。并且我考虑到使用这个监控，大多数都是为了白嫖 cloudflare ，那么单个网站的监控数量也不会多，所以想着功能简单一些就好。
现在在我计划中，还需要补充的功能，一个是告警通知，另一个是做一个移动端 APP ，目前来看难度都不大，最大的问题是我能不能从炉石传说里抽出时间来搞😂
{{ getUsernameByUid(15246) }}
发布{{ getTimeInfo('2025-03-27 17:15:01') }}
#10
{{ getUsernameByUid(15246) }}
发布{{ getTimeInfo('2025-03-27 17:15:01') }}
#10
我看到客户端功能了，理念是一致的。
客户端还需要下载安装等等。我说那个网站就轻很多了，一条请求搞定。
炉石传说刚开新版本，是比较难抽时间，还好我是玩酒馆的
客户端还需要下载安装等等。我说那个网站就轻很多了，一条请求搞定。
炉石传说刚开新版本，是比较难抽时间，还好我是玩酒馆的
{{ getUsernameByUid(15246) }}
发布{{ getTimeInfo('2025-03-27 17:15:18') }}
#11
{{ getUsernameByUid(15246) }}
发布{{ getTimeInfo('2025-03-27 17:15:18') }}
#11
#9
我看到客户端功能了，理念是一致的。
客户端还需要下载安装等等。我说那个网站就轻很多了，一条请求搞定。
炉石传说刚开新版本，是比较难抽时间，还好我是玩酒馆的
我看到客户端功能了，理念是一致的。
客户端还需要下载安装等等。我说那个网站就轻很多了，一条请求搞定。
炉石传说刚开新版本，是比较难抽时间，还好我是玩酒馆的
{{ getUsernameByUid(4105) }}
发布{{ getTimeInfo('2025-03-27 18:06:46') }}
#12
{{ getUsernameByUid(4105) }}
发布{{ getTimeInfo('2025-03-27 18:06:46') }}
#12
一条请求的话，应该是自动去下载脚本，然后脚本去执行安装客户端这些操作吧，这个我也考虑过，但是有一些细节的问题我当时没想好怎么设计，后面好好想想怎么去实现吧
{{ getUsernameByUid(post.updatedByUid) }}
编辑于 {{ getTimeInfo(post.UpdatedAt) }}
{{ getUsernameByUid(post.uid) }}
发布于 {{ getTimeInfo(post.CreatedAt) }}
# {{post.num}}
{{ getUsernameByUid(post.updatedByUid) }}
编辑于 {{ getTimeInfo(post.UpdatedAt) }}
{{ getUsernameByUid(post.uid) }}
发布于 {{ getTimeInfo(post.CreatedAt) }}
# {{post.num}}
#{{nav.post.anchor}}