70 lines
2.7 KiB
Markdown
70 lines
2.7 KiB
Markdown
# 🛰️ MISSION CONTROL — Siber Sunucu DevOps İzleme Kokpiti
|
||
|
||
Cyber / sci-fi temalı, gerçek zamanlı (her saniye dalgalanan) bir sunucu izleme paneli.
|
||
**Express** backend sahte telemetri üretir; **saf HTML5 Canvas** frontend (harici grafik kütüphanesi YOK) çizer.
|
||
|
||
---
|
||
|
||
## Özellikler
|
||
|
||
### Bakckend (`server.js`)
|
||
- **`GET /metrics`** — her saniye dalgalanan **CPU / RAM / Disk / Ağ** kullanımı + son 30 sn CPU geçmişi + olay konsolu verisi.
|
||
- **`GET /processes`** — `nginx`, `postgresql`, `redis`, `auth-service`, `payment-worker`, `analytics` → 6 sahte proses (running listesi).
|
||
- **`DELETE /processes/:id`** — pid veya servis adı ile prosesi **durdurur**; durunca listeden düşer (`404`/`409` güvenli debug).
|
||
- 1 saniyelik kalp atışı döngüsü → rastgele CPU spike, bellek tırmanışı, arka plan olayları (`nginx 200 OK`, `redis cache hit`…).
|
||
|
||
### Frontend (`public/`)
|
||
- Koyu cam (glassmorphism) cyber tema — **camgöbeği / neon yeşil / kehribar / kritik kırmızı** uyarı renkleri, neon glow, tarama çizgileri.
|
||
- **3 dolan (arc) gösterge** — CPU / Memory / Network (değere göre yeşil→kehribar→kırmızı).
|
||
- **Çember yüzük disk göstergesi**.
|
||
- **Akan neon CPU çizgi grafiği** (saf canvas, izgaralı, degradeli dolgu, %80 kehribar eşik çizgisi).
|
||
- **Canlı proses tablosu** — her satırda kırmızı **✕ KILL** butonu → `DELETE` isteği → anında satır silinir.
|
||
- **Akan olay konsolu** — ok/uyarı/kritik renk kodlu, üste eklenen mini terminal.
|
||
|
||
---
|
||
|
||
## Çalıştırma
|
||
|
||
```bash
|
||
# 1) Bu klasörde (mission-control/) bağımlılıkları kur
|
||
npm install
|
||
|
||
# 2) Sunucuyu başlat
|
||
npm start
|
||
# → http://localhost:5000
|
||
|
||
# İstersen farklı port
|
||
PORT=7000 node server.js
|
||
```
|
||
|
||
Tarayıcıda **http://localhost:5000** aç → panel canlı akar. Tablodaki `✕ KILL` butonları gerçekten prosesi durdurur ve satırı siler.
|
||
|
||
---
|
||
|
||
## API Özeti
|
||
|
||
| Method | Yol | Açıklama |
|
||
|---|---|---|
|
||
| GET | `/` | Kokpit UI |
|
||
| GET | `/metrics` | Anlık cpu/ram/disk/ağ + 30sn cpu geçmişi + olaylar |
|
||
| GET | `/processes` | Running proses listesi `[{pid,service,cpu,memMB,status}]` |
|
||
| GET | `/events` | Olay konsolu geçmişi |
|
||
| DELETE | `/processes/:id` | Prosesi durdur (`200 {ok:true}` / `404`) |
|
||
|
||
---
|
||
|
||
## Proje Yapısı
|
||
|
||
```
|
||
mission-control/
|
||
├── package.json # express bağımlılığı & start scripti
|
||
├── server.js # Express backend + sahte telemetri + REST API
|
||
├── public/
|
||
│ ├── index.html # kokpit tek sayfa iskeleti
|
||
│ ├── style.css # cyber neon cam teması
|
||
│ └── app.js # polling · canvas gauge & grafik · tablo · konsol
|
||
└── README.md
|
||
```
|
||
|
||
Made with ❤️ by **Numex AI**.
|