高顏值監控工具 Coolmonitor:你的數據從未如此性感!
枯燥的數據曲線,密密麻麻的指標表,灰撲撲的監控界面——如果你每天盯著的服務器監控面板,還停留在上世紀審美水平,相信我,那不是你的錯,是工具的錯。
運維的夜本已漫長,何必再讓丑陋的圖表雪上加霜?

什么是酷監控?
酷監控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 后,首次訪問時會看到一個友好的管理員設置頁面。在這里,只需按照提示輸入您想要設定的管理員賬號和密碼即可完成設置。

設置完成后,會進入主界面:

添加我的博客為例,配置如下:

過幾分鐘就有數據了。






























