Autor Thema: Neues Frontend: FhemNative Updates  (Gelesen 132942 mal)

Offline Syrex-o

  • Moderator
  • Sr. Member
  • ***
  • Beiträge: 807
  • FhemNative
    • FhemNative
Neues Frontend: FhemNative Updates
« am: 16 Juli 2019, 14:50:24 »
FhemNative
Ein Frontend mit nativen Funktionen für FHEM auf der Basis von Angular, Capacitor und Ionic.

Aktuelle Version: 3.0.0 (23.06.2021)

Hallo Zusammen,
Ich habe jetzt schon eine ganze Weile an meiner Alternative zur FHEM Tablet UI gebastelt, da mir die manuelle Programmierung aller Seiten auf Dauer sehr mühselig war.
Daher habe ich eine auf Ionic basierende App geschrieben, um Native Funktionen des Geräts benutzen zu können und keinen Browser mehr zu öffnen.

Die englische/deutsche Beschreibung befindet sich im Github: https://github.com/Syrex-o/FHEMNative
Der gesamte Code ist jetzt bei GitHub. Wer Erweiterungen schreiben möchte, ist herzlich eingeladen.

Das kann FhemNative:
  • FhemNative ist als "Raum-basierte" Umgebung angelegt
  • Räume können erstellt werden (manuell/automatisch), nachträglich verändert, neu angeordnet oder gelöscht werden
  • Räume können mit Komponenten gefüllt werden
  • Räume können als Gruppen verwendet werden
  • Globale Einstellungen verändern den Style und das Verhalten der App
  • Erstellte Räume und Komponenten werden lokal auf dem Gerät gespeichert
  • Gespeicherte Einstellungen können exportiert/importiert werden, um Oberflächen auf andere Geräte zu übertragen
  • Es können mehrere Schnittstellen verwendet werden, damit FhemNative mit FHEM kommunizieren kann
  • FhemNative Tasks



Verfügbare Komponenten:
  • Box
  • Button
  • Button Menu
  • Button Multistate
  • Chart
  • Circle Menu
  • Circle Slider
  • Clock
  • Color Picker
  • Html
  • IFrame
  • Icon
  • Input
  • Image
  • Label
  • Line
  • Medialist
  • Picker
  • Pinpad
  • Popup
  • Select
  • Slider
  • Sprinkler
  • Swiper
  • Switch
  • Tabs
  • Table
  • Thermostat
  • Time Picker
  • Weather
Detailbeschreibungen sind im GitHub Repo



Installation:
Es stehen aktuell 2 verfügbare Schnittstellen zur Verfügung, damit FhemNative mit FHEM kommunizieren kann:

Option 1: Websocket von ntruchsess:
  • sudo cpan App::cpanminus
  • sudo cpanm Protocol::WebSocket
  • sudo cpanm JSON
  • Inhalt des GitHub Ordners 00_Websocket nach opt/fhem/FHEM kopieren
  • define wsPort websocket 8080 global
  • define wsPort_json websocket_json

Option 2: Fhemweb Websocket:
  • Beim FHEM Gerät WEB das Attribut longpoll auf websocket setzen



Ich hoffe ich erleichtere damit einigen Leuten die Erstellung von eigenen Oberflächen.
« Letzte Änderung: Heute um 07:47:43 von Syrex-o »
FhemNative (GitHub): https://github.com/Syrex-o/FhemNative

FhemNative (Doku): https://fhemnative.de/
Gefällt mir Gefällt mir x 5 Liste anzeigen

Offline Thyraz

  • Hero Member
  • *****
  • Beiträge: 1308
Antw:Neues Frontend: FhemNative
« Antwort #1 am: 16 Juli 2019, 15:00:42 »
Sehr schön ein weiteres Frontend für FHEM zu sehen.

Werde ich heute Abend gleich mal testen und bin gespannt wie erweiterbar und anpassbar das Ganze ist.

Auf alle Fälle Daumen hoch für deine Mühen. :)
Fhem und MariaDB auf NUC6i5SYH in Proxmox Container (Ubuntu)
Zwave, Conbee II, Hue, Harmony, Solo4k, LaMetric, Echo, Sonos, Roborock S5, Nuki, Prusa Mini, Doorbird, ...

Offline klausw

  • Developer
  • Hero Member
  • ****
  • Beiträge: 1965
Antw:Neues Frontend: FhemNative
« Antwort #2 am: 16 Juli 2019, 16:10:45 »
Werde hier mal mitlesen  :)

Hat es einen Grund das du die Websocket Implementierung von ntruchsess verwendest?
fhemweb unterstützt auch Websockets. Dafür müsste nix separat installiert werden.

Grüße
Klaus
RasPi B v2 mit FHEM 18B20 über 1Wire, LED PWM Treiber über I2C, Luchtdruck-, Feuchtesensor und ein paar Schalter/LED\'s zum testen
Module: RPI_GPIO, RPII2C, I2C_EEPROM, I2C_MCP23008, I2C_MCP23017, I2C_MCP342x, I2C_PCA9532, I2C_PCF8574, I2C_SHT21, I2C_BME280

Offline Syrex-o

  • Moderator
  • Sr. Member
  • ***
  • Beiträge: 807
  • FhemNative
    • FhemNative
Antw:Neues Frontend: FhemNative
« Antwort #3 am: 16 Juli 2019, 16:18:56 »
Hallo Klaus,

Nein, dass hat tatsächlich keinen bestimmten Grund.
Diese Variante hat mir einfach am besten gepasst  :D

Und ich bin damit bisher sehr zufrieden.

Liebe Grüße
FhemNative (GitHub): https://github.com/Syrex-o/FhemNative

FhemNative (Doku): https://fhemnative.de/

Offline Syrex-o

  • Moderator
  • Sr. Member
  • ***
  • Beiträge: 807
  • FhemNative
    • FhemNative
Antw:Neues Frontend: FhemNative
« Antwort #4 am: 16 Juli 2019, 17:42:33 »
Zitat
bin gespannt wie erweiterbar und anpassbar das Ganze ist.
Es gibt schon eine Art Developer Plan um ganz einfach eigene Komponenten hinzufügen zu können.
Die App ist so ausgelegt, dass sich eigene Angular Components einfach anbinden können.

Sollte etwas Bewegung entstehen, werde ich einen Guide dafür schreiben.

Liebe Grüße
FhemNative (GitHub): https://github.com/Syrex-o/FhemNative

FhemNative (Doku): https://fhemnative.de/

Offline ThomasMagnum

  • Full Member
  • ***
  • Beiträge: 173
Antw:Neues Frontend: FhemNative
« Antwort #5 am: 17 Juli 2019, 08:01:07 »
Das klingt sehr spannend, werde mal den Thread verfolgen und das Ganze bei Gelegenheit mal testen (wird aber noch ein wenig dauern).
Noch habe ich nähmlich keine wirklich zufriedenstellende "Oberflächengestaltung" für mich gefunden.

Was hier so steht ist schon mal ein prima Ansatz, vielen Dank.

Offline Syrex-o

  • Moderator
  • Sr. Member
  • ***
  • Beiträge: 807
  • FhemNative
    • FhemNative
Antw:Neues Frontend: FhemNative
« Antwort #6 am: 17 Juli 2019, 08:12:05 »
Das klingt sehr spannend, werde mal den Thread verfolgen und das Ganze bei Gelegenheit mal testen (wird aber noch ein wenig dauern).
Noch habe ich nähmlich keine wirklich zufriedenstellende "Oberflächengestaltung" für mich gefunden.

Was hier so steht ist schon mal ein prima Ansatz, vielen Dank.

Hey,

Das freut mich zu hören.
Die finale Idee ist ja, dass nichts mehr händisch programmiert werden muss, dass Maß an "customizability" aber erhalten bleibt.

Freue mich schon auf Feedback.

Liebe Grüße
FhemNative (GitHub): https://github.com/Syrex-o/FhemNative

FhemNative (Doku): https://fhemnative.de/

Offline binford6000

  • Tester
  • Hero Member
  • ****
  • Beiträge: 1580
  • 🏠⚙️💡🛠📱
Antw:Neues Frontend: FhemNative
« Antwort #7 am: 17 Juli 2019, 08:18:25 »
Moin,
tolle Sache was du da auf die Beine gestellt hast!   8)

Ich habe schon immer mit TabletUI und FUIP geliebäugelt - habe aber weder Zeit noch Lust mich
da einzuarbeiten... Deshalb bin ich sehr gespannt auf FhemNative!

Sobald ich aus dem Urlaub zurück bin werde ich das mal auf meine Testumgebung loslassen!

VG Sebastian
Gefällt mir Gefällt mir x 1 Liste anzeigen

Offline Syrex-o

  • Moderator
  • Sr. Member
  • ***
  • Beiträge: 807
  • FhemNative
    • FhemNative
Antw:Neues Frontend: FhemNative
« Antwort #8 am: 17 Juli 2019, 15:56:52 »
Update: 17.07.2019
Fix:
  • Kopieren von Komponenten in Popups/aus Popups ist nun möglich.
  • Kopierte Komponenten werden immer oben-links platziert und nicht mehr übereinander.
FhemNative (GitHub): https://github.com/Syrex-o/FhemNative

FhemNative (Doku): https://fhemnative.de/

Offline Tedious

  • Hero Member
  • *****
  • Beiträge: 1440
  • Indocti discant et ament meminisse periti
Antw:Neues Frontend: FhemNative
« Antwort #9 am: 17 Juli 2019, 16:40:51 »
Vielen Dank für die Arbeit, liest sich definitiv spannend. Wenn ich am WE dazu kommen sollte schau ich mir das sehr gerne mal an.
FHEM auf Proxmox-VM (Intel NUC) mit 4xMapleCUN (433,3x868) und Jeelink, HUE, MiLight, Max!, SonOff, Zigbee, Alexa, uvm...

Offline hsepm

  • Full Member
  • ***
  • Beiträge: 214
Antw:Neues Frontend: FhemNative
« Antwort #10 am: 17 Juli 2019, 16:47:04 »
Ich bin auch sehr interessiert, vielen Dank für die Arbeit bis jetzt.

Mit FTUI habe ich schlechte Erfahrung mit den Updates über Websockets gemacht, in Verbindung mit fully auf Android. Deshalb habe  ich mich auf Home Assistant mit Lovelace als Frontend verlegt. Die Kommunikation fhem --> Home Assistant ist via MQTT.

Das funktioniert ziemlich gut, aber im Prinzip wäre ich sehr an einem Frontend interessiert, welches MQTT direkt unterstützt, alternativ zu websockets. Natürlich funktioniert das ohne große Kopfstände nur "lokal".

Wäre die Unterstützung von MQTT eine Möglichkeit, die einfach umzusetzen wäre?

Offline willib

  • Full Member
  • ***
  • Beiträge: 396
Antw:Neues Frontend: FhemNative
« Antwort #11 am: 17 Juli 2019, 16:47:35 »
Ich find´s auch super. ;D
Sieht gut aus was da bei github zu sehen ist.
Ich werde definitiv testen. Ich hoffe die app läuft auf meinem ebook reader.
FHEM in Debian 10 LXC unter Proxmox auf NUC, Homematic, Hue, Intertechno, Jeelink, RFXTRX, Harmony Hub, VU+ Uno 4K, Sonos, AMAD

Offline Syrex-o

  • Moderator
  • Sr. Member
  • ***
  • Beiträge: 807
  • FhemNative
    • FhemNative
Antw:Neues Frontend: FhemNative
« Antwort #12 am: 17 Juli 2019, 18:40:39 »
Wäre die Unterstützung von MQTT eine Möglichkeit, die einfach umzusetzen wäre?
Hallo hsepm,

Ich habe bisher noch nichts mit MQTT gemacht. Daher kann ich das nicht so einfach sagen.
Was hast du denn gegen Websockets?

Ich habe in der aktuellen Variante noch nie einen spürbaren Abbruch gesehen.

Liebe Grüße
FhemNative (GitHub): https://github.com/Syrex-o/FhemNative

FhemNative (Doku): https://fhemnative.de/

Offline rudolfkoenig

  • Administrator
  • Hero Member
  • *****
  • Beiträge: 26078
Antw:Neues Frontend: FhemNative
« Antwort #13 am: 17 Juli 2019, 19:16:11 »
Zitat
Was hast du denn gegen Websockets?
Websockets ist aufwendiger beim Proxy einzurichten.
Apple/Safari kann ueber Websockets keine (basic) Authentifizierung.

Offline Syrex-o

  • Moderator
  • Sr. Member
  • ***
  • Beiträge: 807
  • FhemNative
    • FhemNative
Antw:Neues Frontend: FhemNative
« Antwort #14 am: 17 Juli 2019, 19:31:11 »
Websockets ist aufwendiger beim Proxy einzurichten.
Apple/Safari kann ueber Websockets keine (basic) Authentifizierung.

OK, ich hab mich mal eingelesen. Eventuell könnte man beide Optionen in Zukunft anbieten.

Ich probier mich Mal in der nächsten Woche daran.
Da ich noch nichts mit MQTT und Fhem gemacht habe ist die Frage: Gibt es eine Variante die aktuell am meisten akzeptiert ist, um sich daran zu orientieren?

Liebe Grüße
FhemNative (GitHub): https://github.com/Syrex-o/FhemNative

FhemNative (Doku): https://fhemnative.de/

 

decade-submarginal