FHEM-Next

[Damian]

Ich habe mit Hilfe von KI eine neue Oberfläche für FHEM gebaut, das Projekt ist im Entwicklungsstadium, funktioniert aber bereits in einer echten FHEM-Umgebung

FHEM Next soll die Leistungsfähigkeit und Flexibilität von FHEM mit einer modernen, komfortablen Benutzeroberfläche verbinden. Bestehende FHEM-Installationen sollen möglichst ohne Änderungen weiterverwendet werden können.

Besonders interessant für langjährige FHEM-Nutzer ist, dass sie ihre Geräte, Automatisierungen, Module und Konfigurationen behalten können.

Die wichtigsten Funktionen im Überblick

• Moderne Weboberfläche    Zeitgemäßes Design statt klassischem FHEMWEB
• Bestehende Geräte übernehmen    Vorhandene FHEM-Devices ohne Neuanlage verwenden
• Kompatibilität mit FHEM-Modulen    DOIF, MQTT2_DEVICE, Shelly und andere Module weiterverwenden
• Grafischer Dashboard-Editor    Dashboards per Drag & Drop zusammenstellen
• Responsive Design    Optimierte Bedienung auf PC, Tablet und Smartphone
• Live-Aktualisierung    Reading-Änderungen über WebSocket ohne ständiges Polling
• Reading-Verläufe    Kleine Diagramme direkt in den Gerätekacheln
• Verbesserte Gerätedetails    Readings, Internals und Attribute übersichtlich darstellen
• Moderner DEF-Editor    Syntaxhervorhebung und komfortable Bearbeitung komplexer Definitionen
• Attribut-Editor    Attribute direkt in der Oberfläche ändern
• Mehrzeilige Befehlszeile    FHEM-Befehle ausführen und umfangreiche Ausgaben anzeigen
• HTML- und Widget-Unterstützung    Bestehende HTML-Ausgaben, beispielsweise DOIF-uiTable, darstellen
• Paralleler Betrieb    FHEM Next neben FHEMWEB verwenden und schrittweise umsteigen
• Lokaler Betrieb    Keine Cloud-Abhängigkeit für die grundlegende Bedienung

Im Anhang paar Bilder von der Live-Umgebung - es wurde keine einzige Zeile dafür in der Konfiguration der bestehenden Devices von FHEM geändert

[Damian]

Aktuelle Struktur von FHEM-Next

Stand: 11. November 2026

FHEM-Next ist derzeit als moderne Weboberfläche für das bestehende FHEM aufgebaut. Die bisherige FHEM-Installation mit ihren Geräten, Modulen, Readings und Konfigurationen bleibt erhalten.

Die Architektur besteht aus drei Hauptkomponenten:

• FHEM (Perl) – bestehende Smart-Home-Logik und Geräteverwaltung.
• FHEM-Next Backend (Node.js/TypeScript) – Kommunikation, Datenaufbereitung und API.
• FHEM-Next Frontend (React/TypeScript) – moderne, responsive Benutzeroberfläche.

Architekturübersicht

FHEM-Next Frontend

React + TypeScript · Browser / Smartphone

Räume · Geräte · Readings · Dashboards · Editoren

REST API + WebSocket

FHEM-Next Backend

Node.js + TypeScript + Fastify · Port 3001

Gerätemodell · Adapter · API · Reading-Verläufe

WebSocket · Snapshot + Ereignisse

98_FHEMNext.pm

Nativer FHEM-Connector · Perl + DevIo

Interne FHEM-Funktionen

Bestehendes FHEM

Perl · FHEM-Module · fhem.cfg

Devices · Attribute · Readings · DOIF · MQTT · Automatisierungen


Wichtig ist die Kommunikationsrichtung: Das Perl-Modul 98_FHEMNext.pm baut die WebSocket-Verbindung zum Node.js-Backend auf.

Die Gerätedaten werden zunächst als vollständiger Snapshot übertragen und anschließend durch Ereignisse aktualisiert.