"feat: Implement new debug server components for reservation platform"
This commit is contained in:
parent
83ad25a97f
commit
653f06fa88
@ -1 +1,307 @@
|
||||
#!/usr/bin/env python
|
||||
# -*- coding: utf-8 -*-
|
||||
|
||||
from flask import Flask, render_template, jsonify
|
||||
import socket
|
||||
import platform
|
||||
import os
|
||||
import subprocess
|
||||
import json
|
||||
import datetime
|
||||
import psutil
|
||||
import netifaces
|
||||
|
||||
app = Flask(__name__)
|
||||
DEBUG_PORT = 5555 # Port für den Debug-Server
|
||||
|
||||
@app.route('/')
|
||||
def index():
|
||||
"""Rendert die Hauptseite des Debug-Servers."""
|
||||
return render_template('index.html',
|
||||
hostname=socket.gethostname(),
|
||||
ip_address=get_ip_address(),
|
||||
timestamp=datetime.datetime.now().strftime("%d.%m.%Y %H:%M:%S"))
|
||||
|
||||
@app.route('/systeminfo')
|
||||
def systeminfo():
|
||||
"""Gibt Systeminformationen zurück."""
|
||||
info = {
|
||||
"hostname": socket.gethostname(),
|
||||
"platform": platform.platform(),
|
||||
"architecture": platform.machine(),
|
||||
"processor": platform.processor(),
|
||||
"python_version": platform.python_version(),
|
||||
"uptime": get_uptime(),
|
||||
"memory": get_memory_info(),
|
||||
"disk": get_disk_info(),
|
||||
}
|
||||
return jsonify(info)
|
||||
|
||||
@app.route('/network')
|
||||
def network():
|
||||
"""Gibt Netzwerkinformationen zurück."""
|
||||
info = {
|
||||
"interfaces": get_network_interfaces(),
|
||||
"connections": get_active_connections(),
|
||||
"dns_servers": get_dns_servers(),
|
||||
"gateway": get_default_gateway(),
|
||||
}
|
||||
return jsonify(info)
|
||||
|
||||
@app.route('/docker')
|
||||
def docker():
|
||||
"""Gibt Docker-Informationen zurück."""
|
||||
return jsonify(get_docker_info())
|
||||
|
||||
@app.route('/ping/<host>')
|
||||
def ping_host(host):
|
||||
"""Pingt einen Zielhost an und gibt das Ergebnis zurück."""
|
||||
if is_valid_hostname(host):
|
||||
try:
|
||||
result = subprocess.run(['ping', '-n', '4', host],
|
||||
capture_output=True, text=True, timeout=10)
|
||||
return jsonify({
|
||||
"success": result.returncode == 0,
|
||||
"output": result.stdout,
|
||||
"error": result.stderr,
|
||||
"return_code": result.returncode
|
||||
})
|
||||
except subprocess.TimeoutExpired:
|
||||
return jsonify({"success": False, "error": "Zeitüberschreitung beim Ping-Befehl"})
|
||||
except Exception as e:
|
||||
return jsonify({"success": False, "error": str(e)})
|
||||
else:
|
||||
return jsonify({"success": False, "error": "Ungültiger Hostname oder IP-Adresse"})
|
||||
|
||||
@app.route('/traceroute/<host>')
|
||||
def traceroute_host(host):
|
||||
"""Führt einen Traceroute zum Zielhost durch und gibt das Ergebnis zurück."""
|
||||
if is_valid_hostname(host):
|
||||
try:
|
||||
result = subprocess.run(['tracert', host],
|
||||
capture_output=True, text=True, timeout=30)
|
||||
return jsonify({
|
||||
"success": True,
|
||||
"output": result.stdout,
|
||||
"error": result.stderr,
|
||||
"return_code": result.returncode
|
||||
})
|
||||
except subprocess.TimeoutExpired:
|
||||
return jsonify({"success": False, "error": "Zeitüberschreitung beim Traceroute-Befehl"})
|
||||
except Exception as e:
|
||||
return jsonify({"success": False, "error": str(e)})
|
||||
else:
|
||||
return jsonify({"success": False, "error": "Ungültiger Hostname oder IP-Adresse"})
|
||||
|
||||
@app.route('/nslookup/<host>')
|
||||
def nslookup_host(host):
|
||||
"""Führt eine DNS-Abfrage für den angegebenen Host durch."""
|
||||
if is_valid_hostname(host):
|
||||
try:
|
||||
result = subprocess.run(['nslookup', host],
|
||||
capture_output=True, text=True, timeout=10)
|
||||
return jsonify({
|
||||
"success": result.returncode == 0,
|
||||
"output": result.stdout,
|
||||
"error": result.stderr,
|
||||
"return_code": result.returncode
|
||||
})
|
||||
except subprocess.TimeoutExpired:
|
||||
return jsonify({"success": False, "error": "Zeitüberschreitung beim NSLookup-Befehl"})
|
||||
except Exception as e:
|
||||
return jsonify({"success": False, "error": str(e)})
|
||||
else:
|
||||
return jsonify({"success": False, "error": "Ungültiger Hostname oder IP-Adresse"})
|
||||
|
||||
@app.route('/backend-status')
|
||||
def backend_status():
|
||||
"""Überprüft den Status des Haupt-Backend-Servers."""
|
||||
try:
|
||||
# Benutze den Localhost und den Port des Haupt-Backends (Standard: 5000)
|
||||
backend_port = 5000
|
||||
s = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
|
||||
s.settimeout(2)
|
||||
result = s.connect_ex(('localhost', backend_port))
|
||||
s.close()
|
||||
|
||||
return jsonify({
|
||||
"status": "online" if result == 0 else "offline",
|
||||
"port": backend_port,
|
||||
"error_code": result
|
||||
})
|
||||
except Exception as e:
|
||||
return jsonify({
|
||||
"status": "error",
|
||||
"message": str(e)
|
||||
})
|
||||
|
||||
# Hilfsfunktionen
|
||||
|
||||
def get_ip_address():
|
||||
"""Ermittelt die primäre IP-Adresse des Servers."""
|
||||
try:
|
||||
# Für die lokale Netzwerk-IP
|
||||
s = socket.socket(socket.AF_INET, socket.SOCK_DGRAM)
|
||||
s.connect(("8.8.8.8", 80))
|
||||
return s.getsockname()[0]
|
||||
except:
|
||||
return "127.0.0.1" # Fallback auf localhost
|
||||
finally:
|
||||
s.close()
|
||||
|
||||
def get_uptime():
|
||||
"""Ermittelt die Systemlaufzeit."""
|
||||
return str(datetime.timedelta(seconds=int(psutil.boot_time())))
|
||||
|
||||
def get_memory_info():
|
||||
"""Gibt Informationen über den Speicherverbrauch zurück."""
|
||||
mem = psutil.virtual_memory()
|
||||
return {
|
||||
"total": format_bytes(mem.total),
|
||||
"used": format_bytes(mem.used),
|
||||
"free": format_bytes(mem.available),
|
||||
"percent": mem.percent
|
||||
}
|
||||
|
||||
def get_disk_info():
|
||||
"""Gibt Informationen über den Festplattenspeicher zurück."""
|
||||
disk = psutil.disk_usage('/')
|
||||
return {
|
||||
"total": format_bytes(disk.total),
|
||||
"used": format_bytes(disk.used),
|
||||
"free": format_bytes(disk.free),
|
||||
"percent": disk.percent
|
||||
}
|
||||
|
||||
def get_network_interfaces():
|
||||
"""Gibt Informationen über die Netzwerkschnittstellen zurück."""
|
||||
interfaces = {}
|
||||
for iface in netifaces.interfaces():
|
||||
addrs = netifaces.ifaddresses(iface)
|
||||
if netifaces.AF_INET in addrs:
|
||||
ipv4 = addrs[netifaces.AF_INET][0]
|
||||
interfaces[iface] = {
|
||||
"ip": ipv4.get('addr', ''),
|
||||
"netmask": ipv4.get('netmask', ''),
|
||||
"broadcast": ipv4.get('broadcast', '')
|
||||
}
|
||||
else:
|
||||
interfaces[iface] = {"ip": "Keine IPv4-Adresse", "netmask": "", "broadcast": ""}
|
||||
|
||||
return interfaces
|
||||
|
||||
def get_active_connections():
|
||||
"""Gibt Informationen über aktive Netzwerkverbindungen zurück."""
|
||||
connections = []
|
||||
for conn in psutil.net_connections(kind='inet'):
|
||||
if conn.status == 'ESTABLISHED':
|
||||
connections.append({
|
||||
"local_address": f"{conn.laddr.ip}:{conn.laddr.port}",
|
||||
"remote_address": f"{conn.raddr.ip}:{conn.raddr.port}",
|
||||
"status": conn.status,
|
||||
"pid": conn.pid
|
||||
})
|
||||
|
||||
return connections[:20] # Begrenze auf 20 Verbindungen
|
||||
|
||||
def get_dns_servers():
|
||||
"""Ermittelt die DNS-Server-Konfiguration."""
|
||||
dns_servers = []
|
||||
try:
|
||||
if os.name == 'nt': # Windows
|
||||
output = subprocess.check_output(
|
||||
['powershell', '-Command',
|
||||
"Get-DnsClientServerAddress -AddressFamily IPv4 | Select-Object -ExpandProperty ServerAddresses"],
|
||||
text=True)
|
||||
for line in output.strip().split('\n'):
|
||||
line = line.strip()
|
||||
if line:
|
||||
dns_servers.append(line)
|
||||
else: # Linux/Unix
|
||||
with open('/etc/resolv.conf', 'r') as f:
|
||||
for line in f:
|
||||
if line.startswith('nameserver'):
|
||||
dns_servers.append(line.split()[1])
|
||||
except Exception as e:
|
||||
dns_servers.append(f"Fehler: {str(e)}")
|
||||
|
||||
return dns_servers
|
||||
|
||||
def get_default_gateway():
|
||||
"""Ermittelt das Standard-Gateway."""
|
||||
gateways = netifaces.gateways()
|
||||
if 'default' in gateways and netifaces.AF_INET in gateways['default']:
|
||||
return gateways['default'][netifaces.AF_INET][0]
|
||||
return "Kein Standard-Gateway gefunden"
|
||||
|
||||
def get_docker_info():
|
||||
"""Gibt Informationen über Docker und laufende Container zurück."""
|
||||
docker_info = {"installed": False, "version": "", "containers": []}
|
||||
|
||||
try:
|
||||
# Prüfe, ob Docker installiert ist
|
||||
version_result = subprocess.run(['docker', '--version'],
|
||||
capture_output=True, text=True, timeout=5)
|
||||
if version_result.returncode == 0:
|
||||
docker_info["installed"] = True
|
||||
docker_info["version"] = version_result.stdout.strip()
|
||||
|
||||
# Hole Informationen über laufende Container
|
||||
container_result = subprocess.run(
|
||||
['docker', 'ps', '--format', '{{.ID}},{{.Image}},{{.Status}},{{.Ports}},{{.Names}}'],
|
||||
capture_output=True, text=True, timeout=5)
|
||||
|
||||
if container_result.returncode == 0:
|
||||
for line in container_result.stdout.strip().split('\n'):
|
||||
if line:
|
||||
parts = line.split(',')
|
||||
if len(parts) >= 5:
|
||||
docker_info["containers"].append({
|
||||
"id": parts[0],
|
||||
"image": parts[1],
|
||||
"status": parts[2],
|
||||
"ports": parts[3],
|
||||
"name": parts[4]
|
||||
})
|
||||
except (subprocess.SubprocessError, FileNotFoundError):
|
||||
pass # Docker ist nicht installiert oder nicht zugänglich
|
||||
|
||||
return docker_info
|
||||
|
||||
def is_valid_hostname(hostname):
|
||||
"""Überprüft, ob ein Hostname oder eine IP-Adresse gültig ist."""
|
||||
if len(hostname) > 255:
|
||||
return False
|
||||
if hostname == "localhost" or hostname == "127.0.0.1":
|
||||
return True
|
||||
|
||||
# Prüfe auf IP-Format
|
||||
try:
|
||||
socket.inet_pton(socket.AF_INET, hostname)
|
||||
return True
|
||||
except socket.error:
|
||||
pass
|
||||
|
||||
try:
|
||||
socket.inet_pton(socket.AF_INET6, hostname)
|
||||
return True
|
||||
except socket.error:
|
||||
pass
|
||||
|
||||
# Prüfe auf Hostname-Format
|
||||
allowed = set("abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789-.")
|
||||
return all(c in allowed for c in hostname) and not hostname.startswith(".")
|
||||
|
||||
def format_bytes(size):
|
||||
"""Formatiert Bytes in eine lesbare Größe."""
|
||||
power = 2**10 # 1024
|
||||
n = 0
|
||||
power_labels = {0: 'B', 1: 'KB', 2: 'MB', 3: 'GB', 4: 'TB'}
|
||||
while size > power and n < 4:
|
||||
size /= power
|
||||
n += 1
|
||||
return f"{size:.2f} {power_labels[n]}"
|
||||
|
||||
if __name__ == "__main__":
|
||||
print(f"MYP Backend Debug-Server wird gestartet auf Port {DEBUG_PORT}...")
|
||||
app.run(host='0.0.0.0', port=DEBUG_PORT, debug=True)
|
||||
3
backend/debug-server/requirements.txt
Normal file
3
backend/debug-server/requirements.txt
Normal file
@ -0,0 +1,3 @@
|
||||
Flask==2.0.1
|
||||
psutil==5.9.0
|
||||
netifaces==0.11.0
|
||||
291
backend/debug-server/static/css/style.css
Normal file
291
backend/debug-server/static/css/style.css
Normal file
@ -0,0 +1,291 @@
|
||||
/* Allgemeine Stile */
|
||||
:root {
|
||||
--primary-color: #3498db;
|
||||
--secondary-color: #2c3e50;
|
||||
--background-color: #f5f7fa;
|
||||
--card-color: #ffffff;
|
||||
--text-color: #333333;
|
||||
--border-color: #e0e0e0;
|
||||
--success-color: #2ecc71;
|
||||
--warning-color: #f39c12;
|
||||
--danger-color: #e74c3c;
|
||||
--shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
||||
line-height: 1.6;
|
||||
color: var(--text-color);
|
||||
background-color: var(--background-color);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
/* Header */
|
||||
header {
|
||||
background-color: var(--primary-color);
|
||||
color: white;
|
||||
padding: 1rem 2rem;
|
||||
box-shadow: var(--shadow);
|
||||
}
|
||||
|
||||
.header-content {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
max-width: 1400px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 1.8rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.server-info {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 1rem;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
/* Navigation */
|
||||
nav {
|
||||
background-color: var(--secondary-color);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 0.5rem 1rem;
|
||||
overflow-x: auto;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.nav-button {
|
||||
background: none;
|
||||
color: white;
|
||||
border: none;
|
||||
padding: 0.75rem 1.25rem;
|
||||
margin: 0 0.25rem;
|
||||
cursor: pointer;
|
||||
font-size: 1rem;
|
||||
border-radius: 4px;
|
||||
transition: background-color 0.3s;
|
||||
}
|
||||
|
||||
.nav-button:hover {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.nav-button.active {
|
||||
background-color: var(--primary-color);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Hauptbereich */
|
||||
main {
|
||||
flex: 1;
|
||||
padding: 2rem;
|
||||
max-width: 1400px;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.panel {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.panel.active {
|
||||
display: block;
|
||||
}
|
||||
|
||||
h2 {
|
||||
margin-bottom: 1.5rem;
|
||||
color: var(--secondary-color);
|
||||
border-bottom: 2px solid var(--primary-color);
|
||||
padding-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.card-container {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||||
gap: 1.5rem;
|
||||
}
|
||||
|
||||
.card {
|
||||
background-color: var(--card-color);
|
||||
border-radius: 8px;
|
||||
padding: 1.5rem;
|
||||
box-shadow: var(--shadow);
|
||||
}
|
||||
|
||||
.card.full-width {
|
||||
grid-column: 1 / -1;
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin-bottom: 1rem;
|
||||
color: var(--secondary-color);
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
/* Fortschrittsbalken */
|
||||
.progress-container {
|
||||
margin-top: 1rem;
|
||||
background-color: #f0f0f0;
|
||||
border-radius: 4px;
|
||||
height: 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.progress-bar {
|
||||
height: 100%;
|
||||
background-color: var(--primary-color);
|
||||
width: 0%;
|
||||
transition: width 0.5s ease-in-out;
|
||||
}
|
||||
|
||||
/* Tool-Karten */
|
||||
.tool-card {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.tool-input {
|
||||
display: flex;
|
||||
margin-bottom: 1rem;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.tool-input input {
|
||||
flex: 1;
|
||||
padding: 0.5rem;
|
||||
border: 1px solid var(--border-color);
|
||||
border-radius: 4px;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.tool-input button {
|
||||
background-color: var(--primary-color);
|
||||
color: white;
|
||||
border: none;
|
||||
padding: 0.5rem 1rem;
|
||||
cursor: pointer;
|
||||
border-radius: 4px;
|
||||
font-size: 1rem;
|
||||
transition: background-color 0.3s;
|
||||
}
|
||||
|
||||
.tool-input button:hover {
|
||||
background-color: #2980b9;
|
||||
}
|
||||
|
||||
.result-box {
|
||||
background-color: #f8f9fa;
|
||||
border: 1px solid var(--border-color);
|
||||
border-radius: 4px;
|
||||
padding: 1rem;
|
||||
overflow: auto;
|
||||
min-height: 150px;
|
||||
max-height: 300px;
|
||||
font-family: 'Consolas', 'Courier New', monospace;
|
||||
font-size: 0.9rem;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
/* Tabellen */
|
||||
table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
th, td {
|
||||
padding: 0.75rem;
|
||||
text-align: left;
|
||||
border-bottom: 1px solid var(--border-color);
|
||||
}
|
||||
|
||||
th {
|
||||
background-color: #f0f0f0;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
tr:hover {
|
||||
background-color: #f8f9fa;
|
||||
}
|
||||
|
||||
/* Status-Anzeigen */
|
||||
.status {
|
||||
display: inline-block;
|
||||
padding: 0.25rem 0.5rem;
|
||||
border-radius: 4px;
|
||||
font-size: 0.9rem;
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.status-online {
|
||||
background-color: var(--success-color);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.status-offline {
|
||||
background-color: var(--danger-color);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.status-warning {
|
||||
background-color: var(--warning-color);
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
footer {
|
||||
background-color: var(--secondary-color);
|
||||
color: white;
|
||||
text-align: center;
|
||||
padding: 1rem;
|
||||
margin-top: auto;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
footer p {
|
||||
margin: 0.25rem 0;
|
||||
}
|
||||
|
||||
/* Responsive Design */
|
||||
@media (max-width: 768px) {
|
||||
header {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.header-content {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.server-info {
|
||||
margin-top: 1rem;
|
||||
flex-direction: column;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
main {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.card-container {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.nav-button {
|
||||
padding: 0.5rem 0.75rem;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
}
|
||||
306
backend/debug-server/static/js/script.js
Normal file
306
backend/debug-server/static/js/script.js
Normal file
@ -0,0 +1,306 @@
|
||||
// DOM-Element-Referenzen
|
||||
const navButtons = document.querySelectorAll('.nav-button');
|
||||
const panels = document.querySelectorAll('.panel');
|
||||
|
||||
// Panel-Navigation
|
||||
navButtons.forEach(button => {
|
||||
button.addEventListener('click', () => {
|
||||
const targetPanel = button.dataset.target;
|
||||
|
||||
// Aktiven Button und Panel wechseln
|
||||
navButtons.forEach(btn => btn.classList.remove('active'));
|
||||
panels.forEach(panel => panel.classList.remove('active'));
|
||||
|
||||
button.classList.add('active');
|
||||
document.getElementById(targetPanel).classList.add('active');
|
||||
});
|
||||
});
|
||||
|
||||
// Automatische Aktualisierung der Daten
|
||||
const updateInterval = 10000; // 10 Sekunden
|
||||
|
||||
// Initialisierung und erste Datenladung
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
// Systemdaten laden
|
||||
loadSystemInfo();
|
||||
|
||||
// Netzwerkdaten laden
|
||||
loadNetworkInfo();
|
||||
|
||||
// Docker-Daten laden
|
||||
loadDockerInfo();
|
||||
|
||||
// Backend-Status laden
|
||||
loadBackendStatus();
|
||||
|
||||
// Event-Listener für die Netzwerk-Tools
|
||||
document.getElementById('ping-button').addEventListener('click', performPing);
|
||||
document.getElementById('traceroute-button').addEventListener('click', performTraceroute);
|
||||
document.getElementById('nslookup-button').addEventListener('click', performNSLookup);
|
||||
|
||||
// Automatische Aktualisierung einrichten
|
||||
setInterval(() => {
|
||||
if (document.getElementById('system-panel').classList.contains('active')) {
|
||||
loadSystemInfo();
|
||||
} else if (document.getElementById('network-panel').classList.contains('active')) {
|
||||
loadNetworkInfo();
|
||||
} else if (document.getElementById('docker-panel').classList.contains('active')) {
|
||||
loadDockerInfo();
|
||||
} else if (document.getElementById('backend-panel').classList.contains('active')) {
|
||||
loadBackendStatus();
|
||||
}
|
||||
}, updateInterval);
|
||||
});
|
||||
|
||||
// API-Anfragen
|
||||
async function fetchData(endpoint) {
|
||||
try {
|
||||
const response = await fetch(endpoint);
|
||||
if (!response.ok) {
|
||||
throw new Error(`HTTP-Fehler! Status: ${response.status}`);
|
||||
}
|
||||
return await response.json();
|
||||
} catch (error) {
|
||||
console.error(`Fehler beim Abrufen von ${endpoint}:`, error);
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
// System-Informationen laden
|
||||
async function loadSystemInfo() {
|
||||
const data = await fetchData('/systeminfo');
|
||||
if (!data) return;
|
||||
|
||||
// Betriebssystem-Info aktualisieren
|
||||
document.getElementById('platform-info').innerHTML = `
|
||||
<p><strong>Plattform:</strong> ${data.platform}</p>
|
||||
<p><strong>Python Version:</strong> ${data.python_version}</p>
|
||||
<p><strong>Betriebszeit:</strong> ${data.uptime}</p>
|
||||
`;
|
||||
|
||||
// Hardware-Info aktualisieren
|
||||
document.getElementById('hardware-info').innerHTML = `
|
||||
<p><strong>Prozessor:</strong> ${data.processor}</p>
|
||||
<p><strong>Architektur:</strong> ${data.architecture}</p>
|
||||
`;
|
||||
|
||||
// Speicher-Info aktualisieren
|
||||
document.getElementById('memory-info').innerHTML = `
|
||||
<p><strong>Gesamt:</strong> ${data.memory.total}</p>
|
||||
<p><strong>Verwendet:</strong> ${data.memory.used} (${data.memory.percent}%)</p>
|
||||
<p><strong>Frei:</strong> ${data.memory.free}</p>
|
||||
`;
|
||||
document.getElementById('memory-bar').style.width = `${data.memory.percent}%`;
|
||||
document.getElementById('memory-bar').style.backgroundColor = getColorByPercentage(data.memory.percent);
|
||||
|
||||
// Festplatten-Info aktualisieren
|
||||
document.getElementById('disk-info').innerHTML = `
|
||||
<p><strong>Gesamt:</strong> ${data.disk.total}</p>
|
||||
<p><strong>Verwendet:</strong> ${data.disk.used} (${data.disk.percent}%)</p>
|
||||
<p><strong>Frei:</strong> ${data.disk.free}</p>
|
||||
`;
|
||||
document.getElementById('disk-bar').style.width = `${data.disk.percent}%`;
|
||||
document.getElementById('disk-bar').style.backgroundColor = getColorByPercentage(data.disk.percent);
|
||||
}
|
||||
|
||||
// Netzwerk-Informationen laden
|
||||
async function loadNetworkInfo() {
|
||||
const data = await fetchData('/network');
|
||||
if (!data) return;
|
||||
|
||||
// Netzwerkschnittstellen aktualisieren
|
||||
let interfacesHTML = '<table><tr><th>Schnittstelle</th><th>IP-Adresse</th><th>Netzmaske</th><th>Broadcast</th></tr>';
|
||||
for (const [name, info] of Object.entries(data.interfaces)) {
|
||||
interfacesHTML += `
|
||||
<tr>
|
||||
<td>${name}</td>
|
||||
<td>${info.ip}</td>
|
||||
<td>${info.netmask}</td>
|
||||
<td>${info.broadcast}</td>
|
||||
</tr>
|
||||
`;
|
||||
}
|
||||
interfacesHTML += '</table>';
|
||||
document.getElementById('network-interfaces').innerHTML = interfacesHTML;
|
||||
|
||||
// DNS-Server aktualisieren
|
||||
let dnsHTML = '<ul>';
|
||||
for (const server of data.dns_servers) {
|
||||
dnsHTML += `<li>${server}</li>`;
|
||||
}
|
||||
dnsHTML += '</ul>';
|
||||
document.getElementById('dns-servers').innerHTML = dnsHTML;
|
||||
|
||||
// Gateway aktualisieren
|
||||
document.getElementById('default-gateway').innerHTML = `<p>${data.gateway}</p>`;
|
||||
|
||||
// Aktive Verbindungen aktualisieren
|
||||
if (data.connections && data.connections.length > 0) {
|
||||
let connectionsHTML = '<table><tr><th>Lokale Adresse</th><th>Remote-Adresse</th><th>Status</th><th>PID</th></tr>';
|
||||
for (const conn of data.connections) {
|
||||
connectionsHTML += `
|
||||
<tr>
|
||||
<td>${conn.local_address}</td>
|
||||
<td>${conn.remote_address}</td>
|
||||
<td>${conn.status}</td>
|
||||
<td>${conn.pid}</td>
|
||||
</tr>
|
||||
`;
|
||||
}
|
||||
connectionsHTML += '</table>';
|
||||
document.getElementById('active-connections').innerHTML = connectionsHTML;
|
||||
} else {
|
||||
document.getElementById('active-connections').innerHTML = '<p>Keine aktiven Verbindungen gefunden.</p>';
|
||||
}
|
||||
}
|
||||
|
||||
// Docker-Informationen laden
|
||||
async function loadDockerInfo() {
|
||||
const data = await fetchData('/docker');
|
||||
if (!data) return;
|
||||
|
||||
// Docker-Status aktualisieren
|
||||
if (data.installed) {
|
||||
document.getElementById('docker-status').innerHTML = `
|
||||
<p><span class="status status-online">Installiert</span></p>
|
||||
<p><strong>Version:</strong> ${data.version}</p>
|
||||
`;
|
||||
|
||||
// Container aktualisieren
|
||||
if (data.containers && data.containers.length > 0) {
|
||||
let containersHTML = '<table><tr><th>ID</th><th>Name</th><th>Image</th><th>Status</th><th>Ports</th></tr>';
|
||||
for (const container of data.containers) {
|
||||
containersHTML += `
|
||||
<tr>
|
||||
<td>${container.id}</td>
|
||||
<td>${container.name}</td>
|
||||
<td>${container.image}</td>
|
||||
<td>${container.status}</td>
|
||||
<td>${container.ports}</td>
|
||||
</tr>
|
||||
`;
|
||||
}
|
||||
containersHTML += '</table>';
|
||||
document.getElementById('docker-containers').innerHTML = containersHTML;
|
||||
} else {
|
||||
document.getElementById('docker-containers').innerHTML = '<p>Keine laufenden Container gefunden.</p>';
|
||||
}
|
||||
} else {
|
||||
document.getElementById('docker-status').innerHTML = '<p><span class="status status-offline">Nicht installiert</span></p>';
|
||||
document.getElementById('docker-containers').innerHTML = '<p>Docker ist nicht installiert oder nicht zugänglich.</p>';
|
||||
}
|
||||
}
|
||||
|
||||
// Backend-Status laden
|
||||
async function loadBackendStatus() {
|
||||
const data = await fetchData('/backend-status');
|
||||
if (!data) return;
|
||||
|
||||
let statusHTML = '';
|
||||
if (data.status === 'online') {
|
||||
statusHTML = `
|
||||
<p>Status: <span class="status status-online">Online</span></p>
|
||||
<p><strong>Port:</strong> ${data.port}</p>
|
||||
`;
|
||||
} else if (data.status === 'offline') {
|
||||
statusHTML = `
|
||||
<p>Status: <span class="status status-offline">Offline</span></p>
|
||||
<p><strong>Port:</strong> ${data.port}</p>
|
||||
<p><strong>Fehlercode:</strong> ${data.error_code}</p>
|
||||
`;
|
||||
} else {
|
||||
statusHTML = `
|
||||
<p>Status: <span class="status status-warning">Fehler</span></p>
|
||||
<p><strong>Nachricht:</strong> ${data.message}</p>
|
||||
`;
|
||||
}
|
||||
document.getElementById('main-backend-status').innerHTML = statusHTML;
|
||||
}
|
||||
|
||||
// Netzwerk-Tools
|
||||
async function performPing() {
|
||||
const hostInput = document.getElementById('ping-host');
|
||||
const resultElement = document.getElementById('ping-result');
|
||||
const host = hostInput.value.trim();
|
||||
|
||||
if (!host) {
|
||||
resultElement.textContent = 'Bitte geben Sie einen Hostnamen oder eine IP-Adresse ein.';
|
||||
return;
|
||||
}
|
||||
|
||||
resultElement.textContent = 'Ping wird ausgeführt...';
|
||||
|
||||
const data = await fetchData(`/ping/${encodeURIComponent(host)}`);
|
||||
if (!data) {
|
||||
resultElement.textContent = 'Fehler beim Ausführen des Ping-Befehls.';
|
||||
return;
|
||||
}
|
||||
|
||||
if (data.success) {
|
||||
resultElement.textContent = data.output;
|
||||
} else {
|
||||
resultElement.textContent = `Fehler: ${data.error || 'Unbekannter Fehler'}`;
|
||||
}
|
||||
}
|
||||
|
||||
async function performTraceroute() {
|
||||
const hostInput = document.getElementById('traceroute-host');
|
||||
const resultElement = document.getElementById('traceroute-result');
|
||||
const host = hostInput.value.trim();
|
||||
|
||||
if (!host) {
|
||||
resultElement.textContent = 'Bitte geben Sie einen Hostnamen oder eine IP-Adresse ein.';
|
||||
return;
|
||||
}
|
||||
|
||||
resultElement.textContent = 'Traceroute wird ausgeführt...';
|
||||
|
||||
const data = await fetchData(`/traceroute/${encodeURIComponent(host)}`);
|
||||
if (!data) {
|
||||
resultElement.textContent = 'Fehler beim Ausführen des Traceroute-Befehls.';
|
||||
return;
|
||||
}
|
||||
|
||||
if (data.success) {
|
||||
resultElement.textContent = data.output;
|
||||
} else {
|
||||
resultElement.textContent = `Fehler: ${data.error || 'Unbekannter Fehler'}`;
|
||||
}
|
||||
}
|
||||
|
||||
async function performNSLookup() {
|
||||
const hostInput = document.getElementById('nslookup-host');
|
||||
const resultElement = document.getElementById('nslookup-result');
|
||||
const host = hostInput.value.trim();
|
||||
|
||||
if (!host) {
|
||||
resultElement.textContent = 'Bitte geben Sie einen Hostnamen oder eine IP-Adresse ein.';
|
||||
return;
|
||||
}
|
||||
|
||||
resultElement.textContent = 'DNS-Abfrage wird ausgeführt...';
|
||||
|
||||
const data = await fetchData(`/nslookup/${encodeURIComponent(host)}`);
|
||||
if (!data) {
|
||||
resultElement.textContent = 'Fehler beim Ausführen des NSLookup-Befehls.';
|
||||
return;
|
||||
}
|
||||
|
||||
if (data.success) {
|
||||
resultElement.textContent = data.output;
|
||||
} else {
|
||||
resultElement.textContent = `Fehler: ${data.error || 'Unbekannter Fehler'}`;
|
||||
}
|
||||
}
|
||||
|
||||
// Hilfsfunktionen
|
||||
function getColorByPercentage(percent) {
|
||||
// Farbverlauf von Grün über Gelb nach Rot
|
||||
if (percent < 70) {
|
||||
return 'var(--success-color)';
|
||||
} else if (percent < 90) {
|
||||
return 'var(--warning-color)';
|
||||
} else {
|
||||
return 'var(--danger-color)';
|
||||
}
|
||||
}
|
||||
150
backend/debug-server/templates/index.html
Normal file
150
backend/debug-server/templates/index.html
Normal file
@ -0,0 +1,150 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>MYP Backend Debug-Server</title>
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
|
||||
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🔍</text></svg>">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<div class="header-content">
|
||||
<h1>MYP Backend Debug-Server</h1>
|
||||
<div class="server-info">
|
||||
<span id="hostname"><strong>Hostname:</strong> {{ hostname }}</span>
|
||||
<span id="ip-address"><strong>IP-Adresse:</strong> {{ ip_address }}</span>
|
||||
<span id="timestamp"><strong>Timestamp:</strong> {{ timestamp }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<nav>
|
||||
<button class="nav-button active" data-target="system-panel">System</button>
|
||||
<button class="nav-button" data-target="network-panel">Netzwerk</button>
|
||||
<button class="nav-button" data-target="docker-panel">Docker</button>
|
||||
<button class="nav-button" data-target="tools-panel">Tools</button>
|
||||
<button class="nav-button" data-target="backend-panel">Backend-Status</button>
|
||||
</nav>
|
||||
|
||||
<main>
|
||||
<!-- System-Informationen -->
|
||||
<section id="system-panel" class="panel active">
|
||||
<h2>Systeminformationen</h2>
|
||||
<div class="card-container">
|
||||
<div class="card">
|
||||
<h3>Betriebssystem</h3>
|
||||
<div id="platform-info">Wird geladen...</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3>Hardware</h3>
|
||||
<div id="hardware-info">Wird geladen...</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3>Speicher</h3>
|
||||
<div id="memory-info">Wird geladen...</div>
|
||||
<div class="progress-container">
|
||||
<div id="memory-bar" class="progress-bar"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3>Festplatte</h3>
|
||||
<div id="disk-info">Wird geladen...</div>
|
||||
<div class="progress-container">
|
||||
<div id="disk-bar" class="progress-bar"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Netzwerk-Informationen -->
|
||||
<section id="network-panel" class="panel">
|
||||
<h2>Netzwerkinformationen</h2>
|
||||
<div class="card-container">
|
||||
<div class="card full-width">
|
||||
<h3>Netzwerkschnittstellen</h3>
|
||||
<div id="network-interfaces">Wird geladen...</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3>DNS Server</h3>
|
||||
<div id="dns-servers">Wird geladen...</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3>Standard-Gateway</h3>
|
||||
<div id="default-gateway">Wird geladen...</div>
|
||||
</div>
|
||||
<div class="card full-width">
|
||||
<h3>Aktive Verbindungen</h3>
|
||||
<div id="active-connections">Wird geladen...</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Docker-Informationen -->
|
||||
<section id="docker-panel" class="panel">
|
||||
<h2>Docker-Informationen</h2>
|
||||
<div class="card-container">
|
||||
<div class="card">
|
||||
<h3>Docker-Status</h3>
|
||||
<div id="docker-status">Wird geladen...</div>
|
||||
</div>
|
||||
<div class="card full-width">
|
||||
<h3>Container</h3>
|
||||
<div id="docker-containers">Wird geladen...</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Netzwerk-Tools -->
|
||||
<section id="tools-panel" class="panel">
|
||||
<h2>Netzwerk-Tools</h2>
|
||||
<div class="card-container">
|
||||
<div class="card tool-card">
|
||||
<h3>Ping</h3>
|
||||
<div class="tool-input">
|
||||
<input type="text" id="ping-host" placeholder="Hostname oder IP-Adresse">
|
||||
<button id="ping-button">Ping</button>
|
||||
</div>
|
||||
<pre id="ping-result" class="result-box">Geben Sie einen Hostnamen oder eine IP-Adresse ein...</pre>
|
||||
</div>
|
||||
|
||||
<div class="card tool-card">
|
||||
<h3>Traceroute</h3>
|
||||
<div class="tool-input">
|
||||
<input type="text" id="traceroute-host" placeholder="Hostname oder IP-Adresse">
|
||||
<button id="traceroute-button">Traceroute</button>
|
||||
</div>
|
||||
<pre id="traceroute-result" class="result-box">Geben Sie einen Hostnamen oder eine IP-Adresse ein...</pre>
|
||||
</div>
|
||||
|
||||
<div class="card tool-card">
|
||||
<h3>DNS-Lookup</h3>
|
||||
<div class="tool-input">
|
||||
<input type="text" id="nslookup-host" placeholder="Hostname oder IP-Adresse">
|
||||
<button id="nslookup-button">NSLookup</button>
|
||||
</div>
|
||||
<pre id="nslookup-result" class="result-box">Geben Sie einen Hostnamen oder eine IP-Adresse ein...</pre>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Backend-Status -->
|
||||
<section id="backend-panel" class="panel">
|
||||
<h2>Backend-Status</h2>
|
||||
<div class="card-container">
|
||||
<div class="card">
|
||||
<h3>Haupt-Backend</h3>
|
||||
<div id="main-backend-status">Wird geladen...</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<p>© 2025 MYP (Manage your Printer) | Debug-Server v1.0.0</p>
|
||||
<p>Netzwerk- und Systemdiagnose-Tool</p>
|
||||
</footer>
|
||||
|
||||
<script src="{{ url_for('static', filename='js/script.js') }}"></script>
|
||||
</body>
|
||||
</html>
|
||||
1
packages/reservation-platform/debug-server/package.json
Normal file
1
packages/reservation-platform/debug-server/package.json
Normal file
@ -0,0 +1 @@
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user