枯燥的数据曲线，密密麻麻的指标表，灰扑扑的监控界面——如果你每天盯着的服务器监控面板，还停留在上世纪审美水平，相信我，那不是你的错，是工具的错。

运维的夜本已漫长，何必再让丑陋的图表雪上加霜？

什么是酷监控？

酷监控Coolmonitor的诞生，源于一个美好的信念：监控工具不仅仅是“能用就行”的选择，它同样可以拥有优雅美观的设计。我们相信，在冰冷的数据背后，也应有赏心悦目的视觉呈现。

酷监控是一款兼具高颜值与强大功能的监控工具，支持网站、接口以及HTTPS证书等多种类型的监控需求，旨在帮助开发者和运维人员轻松掌握其服务的实时运行状况。此外，本项目还支持通过Docker进行快速部署，并以简洁现代的界面设计赢得了用户的喜爱。

功能演示

控制台主界面
单个监控项详情页
添加监控
通知设置

主要特点

  • 多种监控类型：支持HTTP/HTTPS网站、API接口、HTTPS证书过期、TCP端口、MySQL/Redis数据库等多种监控
  • 推送监控：支持被动接收客户端的心跳推送，实现不可直接访问设备的监控
  • 精美界面：深色/浅色主题切换，响应式设计适配各种设备尺寸
  • 强大通知系统：支持邮件、Webhook、微信通知渠道等多种通知方式
  • 数据可视化：直观的状态图表和分析功能，快速了解系统运行状况
  • 持久化存储：使用SQLite数据库，轻量级部署无需额外依赖

应用场景

  • 网站守护：我们时刻关注着您的网站运行情况，确保它不仅能够快速响应用户需求，还能保持稳定在线，一旦发现任何异常，我们将立即采取行动。
  • 接口关怀：为了保证API服务的顺畅与高效，我们会持续监测其性能和稳定性，让您的服务始终处于最佳状态。
  • 证书提醒小助手：为了避免因HTTPS证书到期而影响到您业务的连续性，我们会提前发出温馨提醒，帮助您及时更新证书。
  • 数据库健康检查：对于MySQL和Redis这样的重要数据库，我们会定期进行“体检”，确保它们的健康状况良好，从而保障数据服务的安全与可靠。

技术栈

  • 前端框架：Next.js
  • 后端：Next.js API Routes
  • 数据库：SQLite (通过Prisma ORM)
  • UI库：TailwindCSS
  • 图表库：ECharts
  • 认证：NextAuth.js
  • 计划任务：Croner

安装部署

使用Docker Compose来进行安装，只需将以下内容保存为一个名为 docker-compose.yml 的文件即可。

version:'3.9'
services:
coolmonitor:
image:'star7th/coolmonitor:latest'
volumes:
-'$(pwd)/data:/app/data'
高颜值监控工具Coolmonitor：你的数据从未如此性感！
ports:
-'3333:3333'
container_name: coolmonitor
restart: unless-stopped


然后执行下面的命令：


docker-compose up -d


当您在浏览器地址栏中输入 http://IP:3333 后，首次访问时会看到一个友好的管理员设置页面。在这里，只需按照提示输入您想要设定的管理员账号和密码即可完成设置。




设置完成后，会进入主界面




添加我的博客为例，配置如下：




过几分钟就有数据了