Serve live Dashboard directly from FastAPI on /dashboard
هذا الالتزام موجود في:
66
app.py
66
app.py
@@ -1,24 +1,74 @@
|
|||||||
from fastapi import FastAPI
|
from fastapi import FastAPI
|
||||||
|
from fastapi.responses import HTMLResponse
|
||||||
import time
|
import time
|
||||||
|
|
||||||
app = FastAPI()
|
app = FastAPI()
|
||||||
|
|
||||||
start_time = time.time()
|
start_time = time.time()
|
||||||
request_count = 0
|
request_count = 0
|
||||||
|
|
||||||
@app.middleware("http")
|
@app.get("/")
|
||||||
def count_requests(request, call_next):
|
def read_root():
|
||||||
global request_count
|
global request_count
|
||||||
request_count += 1
|
request_count += 1
|
||||||
return call_next(request)
|
|
||||||
|
|
||||||
@app.get("/")
|
|
||||||
def root():
|
|
||||||
return {"message": "Welcome to Ghaymah SRE Service"}
|
return {"message": "Welcome to Ghaymah SRE Service"}
|
||||||
|
|
||||||
@app.get("/health")
|
@app.get("/health")
|
||||||
def health():
|
def health_check():
|
||||||
|
global request_count
|
||||||
|
request_count += 1
|
||||||
return {
|
return {
|
||||||
"status": "healthy",
|
"status": "ok",
|
||||||
"uptime_seconds": round(time.time() - start_time, 2),
|
"uptime_seconds": round(time.time() - start_time, 2),
|
||||||
"total_requests": request_count
|
"total_requests": request_count
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@app.get("/dashboard", response_class=HTMLResponse)
|
||||||
|
def get_dashboard():
|
||||||
|
global request_count
|
||||||
|
request_count += 1
|
||||||
|
|
||||||
|
uptime = round(time.time() - start_time, 2)
|
||||||
|
|
||||||
|
html_content = f"""
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ar" dir="rtl">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Ghaymah SRE Dashboard</title>
|
||||||
|
<style>
|
||||||
|
body {{ font-family: system-ui, sans-serif; background: #0f172a; color: #fff; padding: 40px; text-align: center; }}
|
||||||
|
.container {{ max-width: 800px; margin: 0 auto; }}
|
||||||
|
.grid {{ display: flex; gap: 20px; margin-top: 30px; }}
|
||||||
|
.card {{ background: #1e293b; padding: 25px; border-radius: 12px; flex: 1; border: 1px solid #334155; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); }}
|
||||||
|
.status-up {{ color: #22c55e; font-weight: bold; }}
|
||||||
|
h1 {{ font-size: 2.5rem; margin-top: 10px; color: #38bdf8; }}
|
||||||
|
p {{ color: #94a3b8; }}
|
||||||
|
</style>
|
||||||
|
<script>
|
||||||
|
setTimeout(() => {{ window.location.reload(); }}, 5000);
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="container">
|
||||||
|
<h2>🚀 Ghaymah SRE Live Monitoring Dashboard</h2>
|
||||||
|
<p>تحديث تلقائي كل 5 ثوانٍ</p>
|
||||||
|
<div class="grid">
|
||||||
|
<div class="card">
|
||||||
|
<h3>الحالة (Status)</h3>
|
||||||
|
<h1 class="status-up">UP (200 OK)</h1>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<h3>مدة التشغيل (Uptime)</h3>
|
||||||
|
<h1>{uptime}s</h1>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<h3>عدد الطلبات (Total Requests)</h3>
|
||||||
|
<h1>{request_count}</h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
"""
|
||||||
|
return html_content
|
||||||
|
|||||||
@@ -1,24 +1,74 @@
|
|||||||
from fastapi import FastAPI
|
from fastapi import FastAPI
|
||||||
|
from fastapi.responses import HTMLResponse
|
||||||
import time
|
import time
|
||||||
|
|
||||||
app = FastAPI()
|
app = FastAPI()
|
||||||
|
|
||||||
start_time = time.time()
|
start_time = time.time()
|
||||||
request_count = 0
|
request_count = 0
|
||||||
|
|
||||||
@app.middleware("http")
|
@app.get("/")
|
||||||
def count_requests(request, call_next):
|
def read_root():
|
||||||
global request_count
|
global request_count
|
||||||
request_count += 1
|
request_count += 1
|
||||||
return call_next(request)
|
|
||||||
|
|
||||||
@app.get("/")
|
|
||||||
def root():
|
|
||||||
return {"message": "Welcome to Ghaymah SRE Service"}
|
return {"message": "Welcome to Ghaymah SRE Service"}
|
||||||
|
|
||||||
@app.get("/health")
|
@app.get("/health")
|
||||||
def health():
|
def health_check():
|
||||||
|
global request_count
|
||||||
|
request_count += 1
|
||||||
return {
|
return {
|
||||||
"status": "healthy",
|
"status": "ok",
|
||||||
"uptime_seconds": round(time.time() - start_time, 2),
|
"uptime_seconds": round(time.time() - start_time, 2),
|
||||||
"total_requests": request_count
|
"total_requests": request_count
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@app.get("/dashboard", response_class=HTMLResponse)
|
||||||
|
def get_dashboard():
|
||||||
|
global request_count
|
||||||
|
request_count += 1
|
||||||
|
|
||||||
|
uptime = round(time.time() - start_time, 2)
|
||||||
|
|
||||||
|
html_content = f"""
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ar" dir="rtl">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Ghaymah SRE Dashboard</title>
|
||||||
|
<style>
|
||||||
|
body {{ font-family: system-ui, sans-serif; background: #0f172a; color: #fff; padding: 40px; text-align: center; }}
|
||||||
|
.container {{ max-width: 800px; margin: 0 auto; }}
|
||||||
|
.grid {{ display: flex; gap: 20px; margin-top: 30px; }}
|
||||||
|
.card {{ background: #1e293b; padding: 25px; border-radius: 12px; flex: 1; border: 1px solid #334155; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); }}
|
||||||
|
.status-up {{ color: #22c55e; font-weight: bold; }}
|
||||||
|
h1 {{ font-size: 2.5rem; margin-top: 10px; color: #38bdf8; }}
|
||||||
|
p {{ color: #94a3b8; }}
|
||||||
|
</style>
|
||||||
|
<script>
|
||||||
|
setTimeout(() => {{ window.location.reload(); }}, 5000);
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="container">
|
||||||
|
<h2>🚀 Ghaymah SRE Live Monitoring Dashboard</h2>
|
||||||
|
<p>تحديث تلقائي كل 5 ثوانٍ</p>
|
||||||
|
<div class="grid">
|
||||||
|
<div class="card">
|
||||||
|
<h3>الحالة (Status)</h3>
|
||||||
|
<h1 class="status-up">UP (200 OK)</h1>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<h3>مدة التشغيل (Uptime)</h3>
|
||||||
|
<h1>{uptime}s</h1>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<h3>عدد الطلبات (Total Requests)</h3>
|
||||||
|
<h1>{request_count}</h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
"""
|
||||||
|
return html_content
|
||||||
|
|||||||
المرجع في مشكلة جديدة
حظر مستخدم