mirror of
https://github.com/joBr99/nspanel-lovelace-ui.git
synced 2025-12-20 14:37:01 +01:00
add ioBroker pic
This commit is contained in:
joBr99
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 77 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
@@ -5,21 +5,21 @@ https://forum.iobroker.net/topic/50888/sonoff-nspanel/612?_=1654980976439
|
|||||||
|
|
||||||
**Step für Step - Anleitung zur Einrichtung eines Sonoff NSPanel mit Lovelace UI unter ioBroker**
|
**Step für Step - Anleitung zur Einrichtung eines Sonoff NSPanel mit Lovelace UI unter ioBroker**
|
||||||
|
|
||||||
|
|
||||||
**1. Voraussetzungen für den ioBroker**
|
**1. Voraussetzungen für den ioBroker**
|
||||||
|
|
||||||
Für den Betrieb benötigst du „keinen“ ioBroker-lovelace-Adapter. Die komplette lovelace-Integration erfolgt über die TFT-Firmware und die nachfolgenden ioBroker-Adapter.
|
Für den Betrieb benötigst du „keinen“ ioBroker-lovelace-Adapter. Die komplette lovelace-Integration erfolgt über die TFT-Firmware und die nachfolgenden ioBroker-Adapter.
|
||||||
|
|
||||||
* **%(#666)[MQTT-Adapter]**
|
* **%(#666)[MQTT-Adapter]**
|
||||||
|
|
||||||
Die Kommunikation zwischen dem NSPanel und ioBroker erfolgt mittels MQTT über Tasmota. Da der Datenpunkt „CustomSend“ erforderlich ist und dieser nicht im Sonoff-Adapter vorhanden ist und auch nicht durch das Skript angelegt werden kann, erfolgt die Kommunikation „nicht“ über den Sonoff-Adapter --> später mehr …
|
Die Kommunikation zwischen dem NSPanel und ioBroker erfolgt mittels MQTT über Tasmota. Da der Datenpunkt „CustomSend“ erforderlich ist und dieser nicht im Sonoff-Adapter vorhanden ist und auch nicht durch das Skript angelegt werden kann, erfolgt die Kommunikation „nicht“ über den Sonoff-Adapter --> später mehr …
|
||||||
* **%(#666)[Javascript-Adapter]**
|
* **%(#666)[Javascript-Adapter]**
|
||||||
Es werden zwei Type-Skripte (TS = das etwas mächtigere Javascript) benötigt. Zum Einen ein Icon-Skript, da alle verwendeten Icons nicht als „echte Grafiken“ im Panel hinterlegt sind, sondern als Schriftzeichen-Symbole. Des Weiteren ein TS-Skript mit dem eigentlichen Laufzeit-Code, welches für jedes eingesetzte NSPanel vorhanden und konfiguriert sein sollte --> später mehr …
|
Es werden zwei Type-Skripte (TS = das etwas mächtigere Javascript) benötigt. Zum Einen ein Icon-Skript, da alle verwendeten Icons nicht als „echte Grafiken“ im Panel hinterlegt sind, sondern als Schriftzeichen-Symbole. Des Weiteren ein TS-Skript mit dem eigentlichen Laufzeit-Code, welches für jedes eingesetzte NSPanel vorhanden und konfiguriert sein sollte --> später mehr …
|
||||||
* **%(#666)[Geräte verwalten“-Adapter]**
|
* **%(#666)[Geräte verwalten“-Adapter]**
|
||||||
|
|
||||||
Über diesen Adapter sollten die Aliase später (mit Ausnahme des Media-Alias für Alexa & Co.) erstellt werden --> später mehr …
|
Über diesen Adapter sollten die Aliase später (mit Ausnahme des Media-Alias für Alexa & Co.) erstellt werden --> später mehr …
|
||||||
* **%(#666)[Accu-Weather-Adapter]**
|
* **%(#666)[Accu-Weather-Adapter]**
|
||||||
|
|
||||||
Spielt in erster Linie eine Rolle beim Screensaver-Wetter, da zum Ersten die Icons und die Temperatur-Informationen für den Forecast ausgelesen werden (falls genutzt) und zum Zweiten das aktuelle Wettericon für den Screensaver benötigt wird. Wer keine Wetterstation oder Außentemperatursensor hat, kann auch die Temperatur aus Accu-Weather importieren --> später mehr …
|
Spielt in erster Linie eine Rolle beim Screensaver-Wetter, da zum Ersten die Icons und die Temperatur-Informationen für den Forecast ausgelesen werden (falls genutzt) und zum Zweiten das aktuelle Wettericon für den Screensaver benötigt wird. Wer keine Wetterstation oder Außentemperatursensor hat, kann auch die Temperatur aus Accu-Weather importieren --> später mehr …
|
||||||
* **%(#666)[Alexa2-Adapter]**
|
* **%(#666)[Alexa2-Adapter]**
|
||||||
Zur Visualisierung des Media-Player‘s sollte der Alexa2-Adapter installiert sein. Wenn du statt Alexa-Devices andere Hersteller wie z.B. Google-Home-Geräte oder in erster Linie der Spotify-Premium-Adapter im Einsatz hast, so ist es auch möglich mit einem entsprechend, alternativen Media-Adapter den Media-Player zu betreiben --> später mehr …
|
Zur Visualisierung des Media-Player‘s sollte der Alexa2-Adapter installiert sein. Wenn du statt Alexa-Devices andere Hersteller wie z.B. Google-Home-Geräte oder in erster Linie der Spotify-Premium-Adapter im Einsatz hast, so ist es auch möglich mit einem entsprechend, alternativen Media-Adapter den Media-Player zu betreiben --> später mehr …
|
||||||
@@ -39,7 +39,7 @@ a) Unter „Sonstige Einstellungen“ trägst du im Feld Vorlage
|
|||||||
{"NAME":"NSPanel","GPIO":[0,0,0,0,3872,0,0,0,0,0,32,0,0,0,0,225,0,480,224,1,0,0,0,33,0,0,0,0,0,0,0,0,0,0,4736,0],"FLAG":0,"BASE":1}
|
{"NAME":"NSPanel","GPIO":[0,0,0,0,3872,0,0,0,0,0,32,0,0,0,0,225,0,480,224,1,0,0,0,33,0,0,0,0,0,0,0,0,0,0,4736,0],"FLAG":0,"BASE":1}
|
||||||
```
|
```
|
||||||
ein, hakst Aktivieren "an" und klickst auf Speichern. Du kannst natürlich auch noch Device und Friendly Name vergeben
|
ein, hakst Aktivieren "an" und klickst auf Speichern. Du kannst natürlich auch noch Device und Friendly Name vergeben
|
||||||
|
|
||||||
b) Unter Logging fügst du die IP von deinem ioBroker unter Sys-Log Host () ein und klickst auf Speichern.
|
b) Unter Logging fügst du die IP von deinem ioBroker unter Sys-Log Host () ein und klickst auf Speichern.
|
||||||
c) Unter Konsolen/Konsole kannst du natürlich auch noch weitere Einstellungen vornehmen (ipaddress1 192.168.X.X für statische IP’s, setOption’s, etc.)
|
c) Unter Konsolen/Konsole kannst du natürlich auch noch weitere Einstellungen vornehmen (ipaddress1 192.168.X.X für statische IP’s, setOption’s, etc.)
|
||||||
|
|
||||||
@@ -49,11 +49,11 @@ Im Tasmota findest du unter „Konsolen“ den Button „Verwalte Dateisystem“
|
|||||||
|
|
||||||
**https://raw.githubusercontent.com/joBr99/nspanel-lovelace-ui/main/tasmota/autoexec.be**
|
**https://raw.githubusercontent.com/joBr99/nspanel-lovelace-ui/main/tasmota/autoexec.be**
|
||||||
|
|
||||||
|
|
||||||
Danach klickst du auf „Speichern“ und dann solltest du Tasmota rebooten.
|
Danach klickst du auf „Speichern“ und dann solltest du Tasmota rebooten.
|
||||||
|
|
||||||
Wenn das Panel bereits unter einer anderen Variante (z.B. haus-automatisierung.com) installiert war, dann bitte alle Dateien (insbesondere autoexec.be und autoexec.bec) vorher über das Flammensymbol hinter dem Dateinamen löschen. Und von vorne mit dem Punkt 3 beginnen
|
Wenn das Panel bereits unter einer anderen Variante (z.B. haus-automatisierung.com) installiert war, dann bitte alle Dateien (insbesondere autoexec.be und autoexec.bec) vorher über das Flammensymbol hinter dem Dateinamen löschen. Und von vorne mit dem Punkt 3 beginnen
|
||||||
|
|
||||||
|
|
||||||
**4. MQTT im Tasmota konfigurieren**
|
**4. MQTT im Tasmota konfigurieren**
|
||||||
|
|
||||||
@@ -65,7 +65,7 @@ d) Bei Client und topic trage ich in der Regel „NSPanel_X“ ein. (X = 1, 2, 3
|
|||||||
e) Für den full topic verwende ich in der Regel „SmartHome/%topic%/%prefix%/“.
|
e) Für den full topic verwende ich in der Regel „SmartHome/%topic%/%prefix%/“.
|
||||||
f) Speichern klicken und Einstellungen verlassen
|
f) Speichern klicken und Einstellungen verlassen
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
**5. TFT-Firmware auf das Panel flashen**
|
**5. TFT-Firmware auf das Panel flashen**
|
||||||
@@ -76,7 +76,7 @@ FlashNextion http://nspanel.pky.eu/lovelace-ui/github/nspanel-v2.9.0.tft
|
|||||||
```
|
```
|
||||||
|
|
||||||
eingeben, mit Enter bestätigen. Das Panel installiert jetzt die TFT-Firmware (Kann beim ersten Mal ein paar Minuten dauern – Fortschritt beobachten – am Ende erfolgt ein Reboot und das Panel wechselt in einen Screen – „Waiting for Content“
|
eingeben, mit Enter bestätigen. Das Panel installiert jetzt die TFT-Firmware (Kann beim ersten Mal ein paar Minuten dauern – Fortschritt beobachten – am Ende erfolgt ein Reboot und das Panel wechselt in einen Screen – „Waiting for Content“
|
||||||
|
|
||||||
|
|
||||||
Das Panel wartet jetzt auf den Input von deinem ioBroker-Skript (Installierst du in einem der nächsten Punkte …)
|
Das Panel wartet jetzt auf den Input von deinem ioBroker-Skript (Installierst du in einem der nächsten Punkte …)
|
||||||
|
|
||||||
@@ -92,7 +92,7 @@ d) Port 1886 (analog Port aus Tasmota/MQTT)
|
|||||||
e) Benutzer (analog Benutzer aus Tasmota/MQTT)
|
e) Benutzer (analog Benutzer aus Tasmota/MQTT)
|
||||||
f) Kennwort + Kennwort wiederholen (analog Passwort aus Tasmota/MQTT)
|
f) Kennwort + Kennwort wiederholen (analog Passwort aus Tasmota/MQTT)
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Meine Einstellungen im Reiter MQTT-Einstellungen sind:
|
Meine Einstellungen im Reiter MQTT-Einstellungen sind:
|
||||||
a) Maske zum Bekanntgeben eigener States: mqtt.0.* (Bei zusätzlicher Instanz entsprechend höher (mqtt.1.* etc.)
|
a) Maske zum Bekanntgeben eigener States: mqtt.0.* (Bei zusätzlicher Instanz entsprechend höher (mqtt.1.* etc.)
|
||||||
@@ -100,7 +100,7 @@ b) Eigene States beim Verbinden publizieren (angehakt)
|
|||||||
c) States bei subscribe publizieren (angehakt)
|
c) States bei subscribe publizieren (angehakt)
|
||||||
d) Leere Session erzwingen: Client-Einstellungen verwenden
|
d) Leere Session erzwingen: Client-Einstellungen verwenden
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
**7. CustomSend anlegen**
|
**7. CustomSend anlegen**
|
||||||
Der MQTT Datenpunkt wird benötigt und muss vom MQTT-Adapter angelegt werden. Ein manuelles Anlegen unter „Objekte“ oder „createState“ ist im ioBroker „nicht mehr“ möglich. Um den Datenpunkt zu erzeugen, öffnest du im Tasmota die Konsole und gibst ohne die Anführungszeichen
|
Der MQTT Datenpunkt wird benötigt und muss vom MQTT-Adapter angelegt werden. Ein manuelles Anlegen unter „Objekte“ oder „createState“ ist im ioBroker „nicht mehr“ möglich. Um den Datenpunkt zu erzeugen, öffnest du im Tasmota die Konsole und gibst ohne die Anführungszeichen
|
||||||
@@ -135,13 +135,13 @@ Für jedes einzelne NSPanel das du konfigurieren möchtest, musst du dieses Skri
|
|||||||
Die aktuelle Änderung von 2.8.0 auf 2.9.0 ist z.B.:
|
Die aktuelle Änderung von 2.8.0 auf 2.9.0 ist z.B.:
|
||||||
|
|
||||||
* Steuerung von Klimageräten/Klimaanlagen
|
* Steuerung von Klimageräten/Klimaanlagen
|
||||||
|
|
||||||
|
|
||||||
* QR-Code für z.B. Gäste WLAN
|
* QR-Code für z.B. Gäste WLAN
|
||||||
|
|
||||||
|
|
||||||
* Neues Design für Thermostate
|
* Neues Design für Thermostate
|
||||||
|
|
||||||
|
|
||||||
* etc.
|
* etc.
|
||||||
|
|
||||||
@@ -213,43 +213,43 @@ Am Besten benutzt ihr die Beispiele im Skript und legt entsprechende Aliase hier
|
|||||||
Und noch ein paar Bilderchen:
|
Und noch ein paar Bilderchen:
|
||||||
|
|
||||||
cardEntities mit Alias Lampe/Dimmer/Switch
|
cardEntities mit Alias Lampe/Dimmer/Switch
|
||||||
|
|
||||||
|
|
||||||
cardEntities mit RGB und HUE Aliasen (Color)
|
cardEntities mit RGB und HUE Aliasen (Color)
|
||||||
|
|
||||||
|
|
||||||
popupLight mit Farbtemperatur und Brightness
|
popupLight mit Farbtemperatur und Brightness
|
||||||
|
|
||||||
|
|
||||||
popupLight mit ColorWheel
|
popupLight mit ColorWheel
|
||||||
|
|
||||||
|
|
||||||
cardGrid mit Radiosendern/Playlists (Alias Taste)
|
cardGrid mit Radiosendern/Playlists (Alias Taste)
|
||||||
|
|
||||||
|
|
||||||
cardEntities mit Aliasen Lautstärke und Info
|
cardEntities mit Aliasen Lautstärke und Info
|
||||||
|
|
||||||
|
|
||||||
cardEntities mit Fenster, Tür, Jalousie und Verschluss
|
cardEntities mit Fenster, Tür, Jalousie und Verschluss
|
||||||
|
|
||||||
|
|
||||||
cardEntities mit Abfallkalender
|
cardEntities mit Abfallkalender
|
||||||
|
|
||||||
|
|
||||||
cardMedia
|
cardMedia
|
||||||
|
|
||||||
|
|
||||||
cardAlarm
|
cardAlarm
|
||||||
|
|
||||||
|
|
||||||
cardGrid
|
cardGrid
|
||||||
|
|
||||||
|
|
||||||
cardEntities
|
cardEntities
|
||||||
|
|
||||||
|
|
||||||
cardEntities als Subpage unter cardEntities (verschachtelt)
|
cardEntities als Subpage unter cardEntities (verschachtelt)
|
||||||
|
|
||||||
|
|
||||||
cardNotify
|
cardNotify
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user