Files
ProxMenux/AppImage/scripts/flask_server.py
2025-09-29 00:00:01 +02:00

842 lines
34 KiB
Python

#!/usr/bin/env python3
"""
ProxMenux Flask Server
Provides REST API endpoints for Proxmox monitoring data
Runs on port 8008 and serves system metrics, storage info, network stats, etc.
Also serves the Next.js dashboard as static files
"""
from flask import Flask, jsonify, request, send_from_directory, send_file
from flask_cors import CORS
import psutil
import subprocess
import json
import os
import time
import socket
from datetime import datetime, timedelta
app = Flask(__name__)
CORS(app) # Enable CORS for Next.js frontend
@app.route('/')
def serve_dashboard():
"""Serve the main dashboard page"""
try:
web_dir = os.path.join(os.path.dirname(__file__), '..', '.next', 'static')
index_file = os.path.join(os.path.dirname(__file__), '..', '.next', 'server', 'app', 'page.html')
if os.path.exists(index_file):
return send_file(index_file)
else:
return '''
<!DOCTYPE html>
<html lang="en">
<head>
<title>ProxMenux Monitor</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Proxmox System Monitoring Dashboard">
<meta name="theme-color" content="#4f46e5">
<link rel="manifest" href="/manifest.json">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.jpg">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.jpg">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.jpg">
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
background: #0a0a0a;
color: #fff;
min-height: 100vh;
}
.header {
background: #111;
border-bottom: 1px solid #333;
padding: 1rem 2rem;
position: sticky;
top: 0;
z-index: 50;
}
.header-content {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 1200px;
margin: 0 auto;
}
.logo-section { display: flex; align-items: center; gap: 1rem; }
.logo { width: 40px; height: 40px; border-radius: 8px; }
.title { font-size: 1.25rem; font-weight: 600; }
.subtitle { font-size: 0.875rem; color: #888; }
.server-info { display: flex; align-items: center; gap: 0.5rem; color: #888; }
.status-section { display: flex; align-items: center; gap: 1rem; }
.status-badge {
background: rgba(16, 185, 129, 0.1);
color: #10b981;
border: 1px solid rgba(16, 185, 129, 0.2);
padding: 0.25rem 0.75rem;
border-radius: 1rem;
font-size: 0.875rem;
}
.btn {
background: transparent;
border: 1px solid #333;
color: #fff;
padding: 0.5rem 1rem;
border-radius: 0.375rem;
cursor: pointer;
font-size: 0.875rem;
}
.btn:hover { background: #222; }
.container { max-width: 1200px; margin: 0 auto; padding: 2rem; }
.tabs { margin-bottom: 2rem; }
.tab-list {
display: grid;
grid-template-columns: repeat(5, 1fr);
background: #111;
border: 1px solid #333;
border-radius: 0.5rem;
overflow: hidden;
}
.tab {
background: transparent;
border: none;
color: #888;
padding: 0.75rem 1rem;
cursor: pointer;
transition: all 0.2s;
}
.tab.active { background: #4f46e5; color: white; }
.tab:hover:not(.active) { background: #222; color: #fff; }
.metrics-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 1.5rem;
margin-bottom: 2rem;
}
.metric-card {
background: #111;
border: 1px solid #333;
border-radius: 0.75rem;
padding: 1.5rem;
}
.metric-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 1rem;
}
.metric-title { color: #888; font-size: 0.875rem; }
.metric-value { font-size: 2rem; font-weight: 700; margin-bottom: 0.5rem; }
.progress-bar {
width: 100%;
height: 8px;
background: #333;
border-radius: 4px;
overflow: hidden;
margin-bottom: 0.5rem;
}
.progress-fill { height: 100%; background: #4f46e5; transition: width 0.3s; }
.metric-info { color: #888; font-size: 0.75rem; }
.charts-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
gap: 1.5rem;
margin-bottom: 2rem;
}
.chart-card {
background: #111;
border: 1px solid #333;
border-radius: 0.75rem;
padding: 1.5rem;
}
.chart-title {
display: flex;
align-items: center;
gap: 0.5rem;
margin-bottom: 1rem;
font-size: 1.125rem;
font-weight: 600;
}
.chart-placeholder {
height: 200px;
background: #0a0a0a;
border-radius: 0.5rem;
display: flex;
align-items: center;
justify-content: center;
color: #666;
}
.info-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 1.5rem;
}
.info-card {
background: #111;
border: 1px solid #333;
border-radius: 0.75rem;
padding: 1.5rem;
}
.info-title {
display: flex;
align-items: center;
gap: 0.5rem;
margin-bottom: 1rem;
font-size: 1.125rem;
font-weight: 600;
}
.info-item {
display: flex;
justify-content: space-between;
margin-bottom: 0.75rem;
}
.info-label { color: #888; }
.info-value { font-weight: 500; }
.badge {
padding: 0.25rem 0.5rem;
border-radius: 0.375rem;
font-size: 0.75rem;
font-weight: 500;
}
.badge-green { background: rgba(16, 185, 129, 0.1); color: #10b981; border: 1px solid rgba(16, 185, 129, 0.2); }
.badge-blue { background: rgba(59, 130, 246, 0.1); color: #3b82f6; border: 1px solid rgba(59, 130, 246, 0.2); }
.badge-yellow { background: rgba(245, 158, 11, 0.1); color: #f59e0b; border: 1px solid rgba(245, 158, 11, 0.2); }
.footer {
margin-top: 3rem;
padding-top: 1.5rem;
border-top: 1px solid #333;
text-align: center;
color: #666;
font-size: 0.875rem;
}
</style>
</head>
<body>
<header class="header">
<div class="header-content">
<div class="logo-section">
<img src="/images/proxmenux-logo.png" alt="ProxMenux Logo" class="logo">
<div>
<div class="title">ProxMenux Monitor</div>
<div class="subtitle">Proxmox System Dashboard</div>
</div>
<div class="server-info">
<span>📊</span>
<div>
<div>proxmox-01</div>
<div style="font-size: 0.75rem;">pve-node-01</div>
</div>
</div>
</div>
<div class="status-section">
<div class="status-badge">✅ Healthy</div>
<div style="color: #888; font-size: 0.875rem;">Uptime: 15d 7h 23m</div>
<button class="btn" onclick="location.reload()">🔄 Refresh</button>
<button class="btn">🌙 Theme</button>
<button class="btn">🌐 Translate</button>
</div>
</div>
</header>
<div class="container">
<div class="tabs">
<div class="tab-list">
<button class="tab active">Overview</button>
<button class="tab">Storage</button>
<button class="tab">Network</button>
<button class="tab">Virtual Machines</button>
<button class="tab">System Logs</button>
</div>
</div>
<div class="metrics-grid">
<div class="metric-card">
<div class="metric-header">
<div class="metric-title">CPU Usage</div>
<span>🖥️</span>
</div>
<div class="metric-value">67.3%</div>
<div class="progress-bar">
<div class="progress-fill" style="width: 67.3%"></div>
</div>
<div class="metric-info">↓ 2.1% from last hour</div>
</div>
<div class="metric-card">
<div class="metric-header">
<div class="metric-title">Memory Usage</div>
<span>💾</span>
</div>
<div class="metric-value">15.8 GB</div>
<div class="progress-bar">
<div class="progress-fill" style="width: 49.4%"></div>
</div>
<div class="metric-info">49.4% of 32 GB • ↑ 1.2 GB</div>
</div>
<div class="metric-card">
<div class="metric-header">
<div class="metric-title">Temperature</div>
<span>🌡️</span>
</div>
<div class="metric-value">52°C</div>
<div style="margin: 0.5rem 0;">
<span class="badge badge-green">Normal</span>
</div>
<div class="metric-info">Max: 78°C • Avg: 48°C</div>
</div>
<div class="metric-card">
<div class="metric-header">
<div class="metric-title">Active VMs</div>
<span>🖥️</span>
</div>
<div class="metric-value">12</div>
<div style="margin: 0.5rem 0; display: flex; flex-wrap: wrap; gap: 0.25rem;">
<span class="badge badge-green">8 Running</span>
<span class="badge badge-yellow">4 Stopped</span>
</div>
<div class="metric-info">Total: 16 VMs configured</div>
</div>
</div>
<div class="charts-grid">
<div class="chart-card">
<div class="chart-title">
<span>📈</span>
CPU Usage (24h)
</div>
<div class="chart-placeholder">
CPU Usage Chart<br>
<small style="color: #888;">Real-time data from /api/system</small>
</div>
</div>
<div class="chart-card">
<div class="chart-title">
<span>💾</span>
Memory Usage (24h)
</div>
<div class="chart-placeholder">
Memory Usage Chart<br>
<small style="color: #888;">Real-time data from /api/system</small>
</div>
</div>
</div>
<div class="info-grid">
<div class="info-card">
<div class="info-title">
<span>🖥️</span>
System Information
</div>
<div class="info-item">
<span class="info-label">Hostname:</span>
<span class="info-value">proxmox-01</span>
</div>
<div class="info-item">
<span class="info-label">Version:</span>
<span class="info-value">PVE 8.1.3</span>
</div>
<div class="info-item">
<span class="info-label">Kernel:</span>
<span class="info-value">6.5.11-7-pve</span>
</div>
<div class="info-item">
<span class="info-label">Architecture:</span>
<span class="info-value">x86_64</span>
</div>
</div>
<div class="info-card">
<div class="info-title">
<span>👥</span>
Active Sessions
</div>
<div class="info-item">
<span class="info-label">Web Console:</span>
<span class="badge badge-green">3 active</span>
</div>
<div class="info-item">
<span class="info-label">SSH Sessions:</span>
<span class="badge badge-blue">1 active</span>
</div>
<div class="info-item">
<span class="info-label">API Calls:</span>
<span class="info-value">247/hour</span>
</div>
</div>
<div class="info-card">
<div class="info-title">
<span>⚡</span>
Power & Performance
</div>
<div class="info-item">
<span class="info-label">Power State:</span>
<span class="badge badge-green">Running</span>
</div>
<div class="info-item">
<span class="info-label">Load Average:</span>
<span class="info-value">1.23, 1.45, 1.67</span>
</div>
<div class="info-item">
<span class="info-label">Boot Time:</span>
<span class="info-value">2.3s</span>
</div>
</div>
</div>
<div class="footer">
<p>Last updated: <span id="timestamp"></span> • ProxMenux Monitor v1.0.0</p>
</div>
</div>
<script>
// Update timestamp
document.getElementById('timestamp').textContent = new Date().toLocaleTimeString();
// Tab functionality
document.querySelectorAll('.tab').forEach(tab => {
tab.addEventListener('click', function() {
document.querySelectorAll('.tab').forEach(t => t.classList.remove('active'));
this.classList.add('active');
});
});
// Auto-refresh data every 30 seconds
setInterval(() => {
fetch('/api/system')
.then(response => response.json())
.then(data => {
// Update metrics with real data
console.log('Updated system data:', data);
document.getElementById('timestamp').textContent = new Date().toLocaleTimeString();
})
.catch(error => console.log('Error fetching data:', error));
}, 30000);
// PWA Service Worker Registration
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('/sw.js');
}
</script>
</body>
</html>
'''
except Exception as e:
print(f"Error serving dashboard: {e}")
return jsonify({'error': 'Dashboard not available'}), 500
@app.route('/manifest.json')
def serve_manifest():
"""Serve PWA manifest"""
return send_from_directory(os.path.join(os.path.dirname(__file__), '..', 'public'), 'manifest.json')
@app.route('/sw.js')
def serve_sw():
"""Serve service worker"""
return '''
const CACHE_NAME = 'proxmenux-v1';
const urlsToCache = [
'/',
'/api/system',
'/api/storage',
'/api/network',
'/api/health'
];
self.addEventListener('install', event => {
event.waitUntil(
caches.open(CACHE_NAME)
.then(cache => cache.addAll(urlsToCache))
);
});
self.addEventListener('fetch', event => {
event.respondWith(
caches.match(event.request)
.then(response => response || fetch(event.request))
);
});
''', 200, {'Content-Type': 'application/javascript'}
@app.route('/<path:filename>')
def serve_static_files(filename):
"""Serve static files (icons, etc.)"""
try:
# Try public directory first
public_dir = os.path.join(os.path.dirname(__file__), '..', 'public')
if os.path.exists(os.path.join(public_dir, filename)):
return send_from_directory(public_dir, filename)
# Try Next.js static directory
static_dir = os.path.join(os.path.dirname(__file__), '..', '.next', 'static')
if os.path.exists(os.path.join(static_dir, filename)):
return send_from_directory(static_dir, filename)
return '', 404
except Exception as e:
print(f"Error serving static file {filename}: {e}")
return '', 404
@app.route('/images/<path:filename>')
def serve_images(filename):
"""Serve image files"""
try:
web_dir = os.path.join(os.path.dirname(__file__), '..', 'web', 'public', 'images')
if os.path.exists(os.path.join(web_dir, filename)):
return send_from_directory(web_dir, filename)
else:
# Fallback: try to serve from current directory
return send_from_directory(os.path.dirname(__file__), filename)
except Exception as e:
print(f"Error serving image {filename}: {e}")
return '', 404
def get_system_info():
"""Get basic system information"""
try:
# CPU usage
cpu_percent = psutil.cpu_percent(interval=1)
# Memory usage
memory = psutil.virtual_memory()
# Temperature (if available)
temp = 0
try:
if hasattr(psutil, "sensors_temperatures"):
temps = psutil.sensors_temperatures()
if temps:
# Get first available temperature sensor
for name, entries in temps.items():
if entries:
temp = entries[0].current
break
except:
temp = 52 # Default fallback
# Uptime
boot_time = psutil.boot_time()
uptime_seconds = time.time() - boot_time
uptime_str = str(timedelta(seconds=int(uptime_seconds)))
# Load average
load_avg = os.getloadavg() if hasattr(os, 'getloadavg') else [1.23, 1.45, 1.67]
hostname = socket.gethostname()
node_id = f"pve-{hostname}"
# Try to get Proxmox node info if available
try:
result = subprocess.run(['pvesh', 'get', '/nodes', '--output-format', 'json'],
capture_output=True, text=True, timeout=5)
if result.returncode == 0:
nodes = json.loads(result.stdout)
if nodes and len(nodes) > 0:
node_id = nodes[0].get('node', node_id)
except:
pass # Use default if pvesh not available
return {
'cpu_usage': round(cpu_percent, 1),
'memory_usage': round(memory.percent, 1),
'memory_total': round(memory.total / (1024**3), 1), # GB
'memory_used': round(memory.used / (1024**3), 1), # GB
'temperature': temp,
'uptime': uptime_str,
'load_average': list(load_avg),
'hostname': hostname,
'node_id': node_id,
'timestamp': datetime.now().isoformat()
}
except Exception as e:
print(f"Error getting system info: {e}")
return {
'cpu_usage': 67.3,
'memory_usage': 49.4,
'memory_total': 32.0,
'memory_used': 15.8,
'temperature': 52,
'uptime': '15d 7h 23m',
'load_average': [1.23, 1.45, 1.67],
'hostname': 'proxmox-01',
'node_id': 'pve-node-01',
'timestamp': datetime.now().isoformat()
}
def get_storage_info():
"""Get storage and disk information"""
try:
storage_data = {
'total': 0,
'used': 0,
'available': 0,
'disks': []
}
# Get disk usage for root partition
disk_usage = psutil.disk_usage('/')
storage_data['total'] = round(disk_usage.total / (1024**3), 1) # GB
storage_data['used'] = round(disk_usage.used / (1024**3), 1) # GB
storage_data['available'] = round(disk_usage.free / (1024**3), 1) # GB
# Get individual disk information
disk_partitions = psutil.disk_partitions()
for partition in disk_partitions:
try:
partition_usage = psutil.disk_usage(partition.mountpoint)
disk_info = {
'name': partition.device,
'mountpoint': partition.mountpoint,
'fstype': partition.fstype,
'total': round(partition_usage.total / (1024**3), 1),
'used': round(partition_usage.used / (1024**3), 1),
'available': round(partition_usage.free / (1024**3), 1),
'usage_percent': round((partition_usage.used / partition_usage.total) * 100, 1),
'health': 'healthy', # Would need SMART data for real health
'temperature': 42 # Would need actual sensor data
}
storage_data['disks'].append(disk_info)
except PermissionError:
continue
return storage_data
except Exception as e:
print(f"Error getting storage info: {e}")
return {
'total': 2000,
'used': 1250,
'available': 750,
'disks': [
{'name': '/dev/sda', 'total': 1000, 'used': 650, 'health': 'healthy', 'temperature': 42}
]
}
def get_network_info():
"""Get network interface information"""
try:
network_data = {
'interfaces': [],
'traffic': {'incoming': 0, 'outgoing': 0}
}
# Get network interfaces
net_if_addrs = psutil.net_if_addrs()
net_if_stats = psutil.net_if_stats()
for interface_name, interface_addresses in net_if_addrs.items():
if interface_name == 'lo': # Skip loopback
continue
interface_info = {
'name': interface_name,
'status': 'up' if net_if_stats[interface_name].isup else 'down',
'addresses': []
}
for address in interface_addresses:
if address.family == 2: # IPv4
interface_info['addresses'].append({
'ip': address.address,
'netmask': address.netmask
})
network_data['interfaces'].append(interface_info)
# Get network I/O statistics
net_io = psutil.net_io_counters()
network_data['traffic'] = {
'bytes_sent': net_io.bytes_sent,
'bytes_recv': net_io.bytes_recv,
'packets_sent': net_io.packets_sent,
'packets_recv': net_io.packets_recv
}
return network_data
except Exception as e:
print(f"Error getting network info: {e}")
return {
'interfaces': [
{'name': 'eth0', 'status': 'up', 'addresses': [{'ip': '192.168.1.100', 'netmask': '255.255.255.0'}]}
],
'traffic': {'bytes_sent': 1000000, 'bytes_recv': 2000000}
}
def get_proxmox_vms():
"""Get Proxmox VM information (requires pvesh command)"""
try:
# Try to get VM list using pvesh command
result = subprocess.run(['pvesh', 'get', '/nodes/localhost/qemu', '--output-format', 'json'],
capture_output=True, text=True, timeout=10)
if result.returncode == 0:
vms = json.loads(result.stdout)
return vms
else:
# Fallback to mock data if pvesh is not available
return [
{
'vmid': 100,
'name': 'web-server-01',
'status': 'running',
'cpu': 0.45,
'mem': 8589934592, # 8GB in bytes
'maxmem': 17179869184, # 16GB in bytes
'disk': 53687091200, # 50GB in bytes
'maxdisk': 107374182400, # 100GB in bytes
'uptime': 1324800 # seconds
}
]
except Exception as e:
print(f"Error getting VM info: {e}")
return []
@app.route('/api/system', methods=['GET'])
def api_system():
"""Get system information"""
return jsonify(get_system_info())
@app.route('/api/storage', methods=['GET'])
def api_storage():
"""Get storage information"""
return jsonify(get_storage_info())
@app.route('/api/network', methods=['GET'])
def api_network():
"""Get network information"""
return jsonify(get_network_info())
@app.route('/api/vms', methods=['GET'])
def api_vms():
"""Get virtual machine information"""
return jsonify(get_proxmox_vms())
@app.route('/api/logs', methods=['GET'])
def api_logs():
"""Get system logs"""
try:
# Get recent system logs
result = subprocess.run(['journalctl', '-n', '100', '--output', 'json'],
capture_output=True, text=True, timeout=10)
if result.returncode == 0:
logs = []
for line in result.stdout.strip().split('\n'):
if line:
try:
log_entry = json.loads(line)
logs.append({
'timestamp': log_entry.get('__REALTIME_TIMESTAMP', ''),
'level': log_entry.get('PRIORITY', '6'),
'service': log_entry.get('_SYSTEMD_UNIT', 'system'),
'message': log_entry.get('MESSAGE', ''),
'source': 'journalctl'
})
except json.JSONDecodeError:
continue
return jsonify(logs)
else:
# Fallback mock logs
return jsonify([
{
'timestamp': datetime.now().isoformat(),
'level': 'info',
'service': 'pveproxy',
'message': 'User root@pam authenticated successfully',
'source': 'auth.log'
}
])
except Exception as e:
print(f"Error getting logs: {e}")
return jsonify([])
@app.route('/api/health', methods=['GET'])
def api_health():
"""Health check endpoint"""
return jsonify({
'status': 'healthy',
'timestamp': datetime.now().isoformat(),
'version': '1.0.0'
})
@app.route('/api/system-info', methods=['GET'])
def api_system_info():
"""Get system and node information for dashboard header"""
try:
hostname = socket.gethostname()
node_id = f"pve-{hostname}"
# Try to get Proxmox version and node info
pve_version = "PVE 8.1.3"
try:
result = subprocess.run(['pveversion'], capture_output=True, text=True, timeout=5)
if result.returncode == 0:
pve_version = result.stdout.strip().split('\n')[0]
except:
pass
# Try to get node info from Proxmox API
try:
result = subprocess.run(['pvesh', 'get', '/nodes', '--output-format', 'json'],
capture_output=True, text=True, timeout=5)
if result.returncode == 0:
nodes = json.loads(result.stdout)
if nodes and len(nodes) > 0:
node_info = nodes[0]
node_id = node_info.get('node', node_id)
hostname = node_info.get('node', hostname)
except:
pass
return jsonify({
'hostname': hostname,
'node_id': node_id,
'pve_version': pve_version,
'status': 'online',
'timestamp': datetime.now().isoformat()
})
except Exception as e:
print(f"Error getting system info: {e}")
return jsonify({
'hostname': 'proxmox-01',
'node_id': 'pve-node-01',
'pve_version': 'PVE 8.1.3',
'status': 'online',
'timestamp': datetime.now().isoformat()
})
@app.route('/api/info', methods=['GET'])
def api_info():
"""Root endpoint with API information"""
return jsonify({
'name': 'ProxMenux Monitor API',
'version': '1.0.0',
'endpoints': [
'/api/system',
'/api/system-info',
'/api/storage',
'/api/network',
'/api/vms',
'/api/logs',
'/api/health'
]
})
if __name__ == '__main__':
print("🚀 Starting ProxMenux Flask Server on port 8008...")
print("📊 Dashboard: http://localhost:8008")
print("🔌 API endpoints:")
print(" http://localhost:8008/api/system")
print(" http://localhost:8008/api/system-info")
print(" http://localhost:8008/api/storage")
print(" http://localhost:8008/api/network")
print(" http://localhost:8008/api/vms")
print(" http://localhost:8008/api/logs")
print(" http://localhost:8008/api/health")
app.run(host='0.0.0.0', port=8008, debug=False)