FhemNative ist eine open-source App für Smartphones und Tablets um FHEM (Hausautomations-Server) zu steuern ohne eigene Programmierung.
FhemNative basiert auf Angular Komponenten innerhalb des Ionic Framework.
- FhemNative ist eine "Raum-basierte" Umgebung
- Räume können erstellt manuell/automatisch, editiert, neu angeordnet oder gelöscht werden
- Räume können mit verschiedenen Komponenten befüllt werden
- Globale Einstellungen verändern den Style und das Verhalten der App
- Erstellte Räume werden lokal auf dem Gerät gespeichert
- Alle erstellten Räume inklusive ihrer Komponenten können exportier/importiert werden
- Es kann zwischen mehreren Möglichkeiten gewählt werden, um sich mit FHEM zu verbinden
- kommunizieren direkt mit FHEM
- reagieren auf Zustände von FHEM Geräten
- können Zustände in FHEM verändern
- werden verwendet um Räume besser zu strukturieren
- einige können auf Werte aus FHEM reagieren
- können keine Werte in FHEM verändern
| Komponente | Kurzbeschreibung | Docs | Type |
|---|---|---|---|
| Box | Eine einfache Box, um Räume besser zu strukturieren. | Docs | Style |
| Button | Ein Button um Zwischen 2 Zuständen in FHEM zu schalten oder einen Befehl an FHEM zu senden. | Docs | Fhem |
| Button Multistate | Ein Button um Zwischen mehreren Zuständen in FHEM zu schalten oder verschiedene Befehle an FHEM zu senden. | Docs | Fhem |
| Chart | Ein Chart mit maximal 2 Inputs, um log Files grafisch darzustellen. | Docs | Fhem |
| Circle Menu | Ein Menü, um mehrere Befehle in einer Komponente zu vereinen. | Docs | Fhem |
| Circle Slider | Ein Kreis-SLider mit min. und max. Werten. | Docs | Fhem |
| Color Picker | Ein Farbmenü mit Favoritenliste und Helligkeitsslider. | Docs | Fhem |
| IFrame | Ein IFrame, um andere Webinhalte zu inkludieren. | Docs | Fhem |
| Icon | Ein Icon, um verschiedene Zustände aus FHEM darzustellen. | Docs | Style |
| Image | Ein Bild von einer Url oder vom eigenen Gerät. | Docs | Style |
| Kodi Remote | Work in Progress | Docs | Fhem |
| Label | Ein Lable um Text anzuzeigen. | Docs | Style |
| Line | Eine Linie, die horizontal oder vertikal gezogen werden kann, um Komponenten voneinander abzutrennen. | Docs | Style |
| Media List | Eine Komponente zum lesen von Medialist aus FHEM | Docs | Style |
| Picker | Ein Picker, um weitere Komponenten zu verpacken. | Docs | Fhem |
| Pinpad | Ein Pinpad um ein Alarm-System zu steuern. | Docs | Fhem |
| Popup | Ein Popup, um weitere Komponenten zu verpacken. | Docs | Fhem |
| Select | Ein Auswahlmenü aus FHEM Werten/eigenen Werten. | Docs | Fhem |
| Slider | Ein horizontaler or vertikaler slider. | Docs | Fhem |
| Sprinkler | Sprinkler module (description follows in other repo) | Docs | Fhem |
| Swiper | Ein Swiper, der mit Komponenten gefüllt werden kann | Docs | Style |
| Switch | Ein Switch zum schalten von 2 FHEM Zuständen | Docs | Fhem |
| Table | Eine Tabelle, um Werte aus FHEM anzuzeigen | Docs | Fhem |
| Tabs | Eine Tab-Komponente, die mit Komponenten gefüllt werden kann | Docs | Fhem |
| Thermostat | Ein Termostat mit Animationen | Docs | Fhem |
| Time Picker | Ein Zeitmenü im Format: 00:00. | Docs | Fhem |
| Wetter | Ein Wetter-Chart, dass aus FHEM Modulen gezeichnet wird | Docs | Fhem |
- sudo cpan App::cpanminus
- sudo cpanm Protocol::WebSocket
- sudo cpanm JSON
- copy content from websocket folder to opt/fhem/FHEM
- define wsPort websocket 8080 global
- define wsPort_json websocket_json
- set attr longpull to websocket in FHEM Device WEB (from App Version >= 0.9.5)
| Räume erstellen | Räume bearbeiten |
|---|---|
 |
 |
| Räume anordnen | Kopieren/einfügen |
 |
 |
Eine Box um weitere Komponenten auf der Oberfläche zu Ordnen.
Eine Button um zwischen 2 Zuständen in FHEM zu wechseln.
Eine Button um zwischen mehreren Zuständen in FHEM zu wechseln.
Chart Komponente, um Werte aus einem Log in verschiedenen Formen grafisch darzustellen.
Bar, Line und Area Charts können in einem Chart kombiniert werden.
Gauge und LiquidGauge Charts sind einzelne Darstellungen, die keine Achsen zeichnen.
Ein Multi-Menü, um mehrere Werte Selektieren zu können, die an FHEM gesendet werden sollen (Maximal 6 Werte möglich).
Ein Kreisförmiger Slider, um numerische Werte an FHEM zu senden.
Ein Farbauswahl-Menü, dass sich als Popup öffnet.
Favorisierte Farben können gespeichert/abgerufen und gesendet werden.
Darstellung von anderen Webinhalten in der App.
! Cors beachten.
Darstellung eines einfachen Icons.
Darstellung eines Icons in Abhängigkeit von FHEM-Werten.
Darstellung von Bildern.
Quellen: Reading eines FHEM Geräts / ein Bild auf dem eigenen Gerät / Externe URL.
Websocket Verbindung zu einem KODI Gerät.
!Diabled right now.
Darstellung eines Labels, um Komponenten beschriften zu können und eine übersichtliche Struktur zu kreieren.
Darstellung einer Linie, um Komponenten visuell optisch trennen zu können.
Darstellung einer MediaList aus FHEM.
Ein Picker, der Komponenten enthalten kann.
Ein Picker kann auf Statusänderungen von FHEM Reagieren und/oder nur als Kontainer fungieren.
Darstellung eines Pinpads, um einen Pin von FHEM zu lesen.
Das Pinpad kann nach korrekter Eingabe einen Befehl ausführen
Ein Popup, dass Komponenten enthalten kann.
Das Popup kann auf Statusänderungen von FHEM Reagieren und/oder nur als Kontainer fungieren.
Ein Auswahlmenü um Werte aus FHEM als Selektionsmenü darzustellen.
Eigene Werte sowie Alias-Werte können ebenfalls definiert werden.
Ein Slider um numerische Werte zu übertragen.
Der Slider kann ebenfalls verwendet werden um Zeiten einzustellen (minimal und maximal Werte notwendig - Zahlenformat: 00:00)
Sprinkler Modul zur Steuerung von Bewässerungsanlagen
Das Modul hat ein extra GitHub Repo: https://github.com/Syrex-o/lib_nrf24, sowie einen eigenen FHEM Eintrag: folgt noch
Ein Swiper, der als Komponenten Container fungiert.
Schalten von zwei Zuständen in Form eines Switches
Eine Tabelle, um Werte aus FHEM anzeigen zu können
Eine Tab Komponente, die als Komponenten Kontainer fungiert
Darstellung eines Thermostats mit Animationen
Komponente zum einstellen von Tageszeiten im Format: 00:00
Eine Wetter Komponente, die Wetterdaten aus FHEM Modulen grafisch darstellt
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent