so, hier habt ihr was zum spielen..
https://github.com/shelly-tools/shelly-cors-examples
einfach alle 3 Dateien in einen Ordner auf der lokalen Platte ablegen, ich hab die Javascript /CSS-Sachen bewusst ausgelagert damit die HTML-Datei möglich einfach und übersichtlich wird..
<div class="room">
<h4>Kids Room</h4>
<div id="4" data-consumption="true" data-type="relay" data-relayindex="0" data-name="ceiling light" data-ip="192.168.178.207"></div>
</div>
Kurze Erläuterung
- der äußere Container legt einen Raum/Etage an: [tt<div class="room"></div>[/tt]
- <h4> sorgt für die Überschrift.
- der innere Div-Container definiert den jeweiligen Shelly..
id= muss einen eindeutigen Wert enhalten (egal ob text oder zahl, aber keinesfalls doppelt belegen)
die Attribute mit data am Anfang:
- consumption true, wenn der Shelly den Stromverbrauch anzeigen soll (sofern er das kann)
- type -> relay oder light
- relayindex -> 0 bei einem Shelly1, 0 oder 1 bei einem Shelly 2.5 ..
- name -> der Name für das Licht / die steckdose..
- ip -> die IP-Adresse
Hoffe das reicht erstmal zum Gucken
Ganz wichtig : im Shelly muss CORS aktiviert sein:
pasted-from-clipboard.png