- URL: http://localhost:3001
- Status: RUNNING ✅
- Health Check: http://localhost:3001/api/health
- URL: http://localhost:3000
- Status: RUNNING ✅
- Framework: React + Vite
- Note: Port được cấu hình trong
vite.config.ts
http://localhost:3000
- Username:
admin - Password:
Admin@123
Sau khi đăng nhập, bạn sẽ thấy:
URL: http://localhost:3000/dashboard
Nội dung:
- 📈 Tổng số alerts: 50
- 🆕 Alerts hôm nay
- 🔴 New alerts
- 🟡 In Progress
- 🟢 Resolved today
- 📊 Timeline 24h (biểu đồ)
- 🌍 Top attacking IPs
- 🎯 Alert distribution by severity
Thử ngay:
- Xem biểu đồ timeline
- Kiểm tra top IPs tấn công
- Xem phân bố theo severity
URL: http://localhost:3000/alerts
Nội dung:
- 📋 Danh sách 50 alerts mẫu
- 🔍 Filter theo severity (INFO, LOW, MEDIUM, HIGH, CRITICAL)
- 🔍 Filter theo status (NEW, ACKNOWLEDGED, IN_PROGRESS, RESOLVED)
- 🔎 Search alerts
- 📄 Pagination
Thử ngay:
- Click vào một alert để xem chi tiết
- Click "Acknowledge" để xác nhận alert
- Click "Assign" để gán alert cho analyst
- Click "Resolve" để đánh dấu đã xử lý
- Thử filter theo CRITICAL severity
- Thử filter theo NEW status
URL: http://localhost:3000/rules
Nội dung:
- 📜 5 Detection Rules mẫu:
- Brute Force Login - Phát hiện đăng nhập sai ≥5 lần
- SQL Injection Pattern - Phát hiện SQL injection
- Port Scan Detection - Phát hiện port scanning
- Admin Login Alert - Cảnh báo admin login
- Privilege Escalation - Phát hiện sudo/privilege escalation
Thử ngay:
- Xem chi tiết từng rule
- Toggle enable/disable rules
- Xem rule conditions
URL: http://localhost:3000/users
Nội dung:
- 👥 3 users:
- admin - Admin role (Full quyền)
- analyst1 - Analyst role (Quản lý alerts)
- viewer1 - Viewer role (Chỉ xem)
Thử ngay:
- Xem danh sách users
- Kiểm tra roles
- Xem user status
URL: http://localhost:3000/log-sources
Nội dung:
- 📡 3 Alert Sources:
- Web Backend (AWS CloudWatch)
- Database Server (Syslog)
- API Gateway (AWS CloudWatch)
URL: http://localhost:3000/notifications
Nội dung:
- 📧 Email notifications
- 💬 Slack integration
- 🔔 Webhook notifications
URL: http://localhost:3000/logs
Nội dung:
- 📝 Log events viewer
- 🔍 Search logs
- 📊 Log statistics
- Đăng nhập với
admin/Admin@123 - Dashboard → Xem tổng quan hệ thống
- Alerts → Lọc alerts CRITICAL
- Click vào alert → Xem chi tiết
- Acknowledge → Xác nhận đã nhận
- Assign → Gán cho analyst
- Resolve → Đánh dấu đã xử lý
- Rules → Xem danh sách rules
- Click vào "Brute Force Login" → Xem chi tiết
- Kiểm tra condition: ≥5 failed logins trong 60s
- Toggle enable/disable → Test rule
- Dashboard → Xem timeline 24h
- Kiểm tra spike → Có thời điểm nào bất thường?
- Top IPs → IP nào tấn công nhiều nhất?
- Severity distribution → Loại alert nào chiếm đa số?
# Health Check
http://localhost:3001/api/health
# Get Stats (cần login trước)
http://localhost:3001/api/stats
# Health Check
curl http://localhost:3001/api/health
# Login
$body = @{
username = "admin"
password = "Admin@123"
} | ConvertTo-Json
$response = Invoke-RestMethod -Uri "http://localhost:3001/api/auth/login" -Method POST -Body $body -ContentType "application/json"
$token = $response.token
# Get Alerts
$headers = @{
Authorization = "Bearer $token"
}
Invoke-RestMethod -Uri "http://localhost:3001/api/alerts" -Headers $headers| Category | Count | Description |
|---|---|---|
| Users | 3 | admin, analyst1, viewer1 |
| Alerts | 50 | Phân bố trong 24h qua |
| Rules | 5 | Detection rules đa dạng |
| Sources | 3 | CloudWatch, Syslog |
| Severities | 5 | INFO → CRITICAL |
| Statuses | 6 | NEW → CLOSED |
- 🔵 INFO - Blue (#3B82F6)
- 🟢 LOW - Green (#10B981)
- 🟡 MEDIUM - Yellow (#F59E0B)
- 🟠 HIGH - Orange (#EF4444)
- 🔴 CRITICAL - Red (#DC2626)
- 🆕 NEW - Mới phát hiện
- ✅ ACKNOWLEDGED - Đã xác nhận
- 🔄 IN_PROGRESS - Đang xử lý
- ✔️ RESOLVED - Đã xử lý
- ❌ FALSE_POSITIVE - Báo động giả
- 📁 CLOSED - Đã đóng
Khi muốn dừng demo:
- Đóng terminal "SOC Backend Demo"
- Đóng terminal "SOC Frontend"
- Trong mỗi terminal, nhấn
Ctrl+C
Nếu muốn chạy lại demo:
# Cách 1: Sử dụng script
start-demo.bat
# Cách 2: Thủ công
# Terminal 1
cd backend
npm run demo
# Terminal 2
cd frontend
npm run dev- ❌ Không lưu dữ liệu - Tất cả thay đổi sẽ mất khi restart
- ❌ Không có WebSocket - Realtime updates chưa hoạt động
- ❌ Không có Database - Dùng in-memory data
- ✅ Không cần AWS - Chạy hoàn toàn local
- Code AWS Lambda đã sẵn sàng
- CloudFormation template hoàn chỉnh
- Database schema PostgreSQL
- Chỉ cần deploy khi muốn production
- Kiểm tra backend đang chạy: http://localhost:3001/api/health
- Check browser console (F12)
- Clear cache và reload (Ctrl+F5)
- Kiểm tra port 3001 có bị chiếm không
- Xem logs trong terminal backend
- Restart backend:
cd backend && npm run demo
- Demo server đã enable CORS
- Nếu vẫn lỗi, check URL trong
frontend/src/api/client.ts
Chúc bạn khám phá vui vẻ! 🚀
Nếu có câu hỏi, xem thêm:
README.md- Tổng quan dự ánQUICKSTART.md- Hướng dẫn nhanhDEMO-GUIDE.md- Chi tiết demoDEMO-STATUS.md- Trạng thái hệ thống
Last Updated: 24/12/2025 12:25 PM
Status: ✅ RUNNING