枯燥的數據曲線，密密麻麻的指標表，灰撲撲的監控界面——如果你每天盯著的服務器監控面板，還停留在上世紀審美水平，相信我，那不是你的錯，是工具的錯。

運維的夜本已漫長，何必再讓丑陋的圖表雪上加霜？

什么是酷監控？

酷監控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'
ports:
-'3333:3333'
container_name: coolmonitor
restart: unless-stopped

然后執行下面的命令：

docker-compose up -d

當您在瀏覽器地址欄中輸入 http://IP:3333 后，首次訪問時會看到一個友好的管理員設置頁面。在這里，只需按照提示輸入您想要設定的管理員賬號和密碼即可完成設置。

設置完成后，會進入主界面：

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

過幾分鐘就有數據了。