Shelly Plus 1PM Werte auslesen

ChristianGerlich

Hallo zusammen,

ich habe den Beitrag aus 2021 gefunden

Thema

Shellys mit Javascript und HTML visualisieren

(Zitat)

Bitte nicht vergessen.
Die Beispiele interessieren mich sehr !

Danke und Gruss

Andrea

23. März 2021 um 10:46

Habe gelesen, dass es mit einem Shelly plus 1PM nicht mehr wie beschrieben geht.

Leider finde ich aber keine richtige Anleitung oder Anpassung von dem Script.

Kann mir hier vielleicht jemand weiterhelfen?

Würde gerne den aktuellen Verbrauchswert auslesen und in einer lokalen Webseite ohne Webzugriff darstellen.

Gruß und Danke

Christian

Seven of Nine

das geht nicht mehr bei den Geräten der 2. Generation, die erlauben kein CORS (Cross Origin Ressource Sharing).

Shelly Plus lassen sich per Websocket auslesen, ein Beispiel (für den Pro 4 PM) findest du hier:

Thema

Shelly4ProPM - Status der Relais via Websocket anzeigen

Hi,

falls ihr euch fragt wie das mit dem Status des Shelly4ProPM über Websockets (Ersatz für Coap) funktioniert, hier mal ein kleines Beispiel (Javascript & HTML)

die IP-Adresse in Zeile 18 müsst ihr durch die IP eures Shelly4Pro tauschen, danach die Seite einfach im Browser aufrufen..

Kurz zur Erläuterung:

newWebsocket erzeugt den Socket. Sobald die Verbindung offen ist (socket.onopen) senden wir einmalig ein Shelly.GetStatus .. wichtig ist hier der JSON-Parameter src, darüber erhält der Shelly…

Seven of Nine

30. August 2021 um 20:25

ChristianGerlich

Hallo, habe jetzt anhand der o.g. Anleitung etwas gebaut. Klappt auch ganz gut.

Ich bekomme nur weitere Daten nicht dargestellt.

Code

{"ble":{},"cloud":{"connected":true},"input:0":{"id":0,"state":false},"mqtt":{"connected":false},"switch:0":{"id":0, "source":"WS_in", "output":true, "apower":620.8, "voltage":231.9, "current":2.697, "aenergy":{"total":14163.943,"by_minute":[1323.189,13238.275,13255.844],"minute_ts":1661248984},"temperature":{"tC":59.5, "tF":139.1}},"sys":{"mac":"xxxxx","restart_required":false,"time":"12:03","unixtime":1661248987,"uptime":57722,"ram_size":239428,"ram_free":163784,"fs_size":458752,"fs_free":217088,"cfg_rev":22,"available_updates":{"beta":{"version":"0.11.0-beta3"}}},"wifi":{"sta_ip":"192.168.178.220","status":"got ip","ssid":"zuhause2","rssi":-75}}

HTML

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Test</title>
</head>

<body>
<center>
<font size="5" face="verdana">
Photovoltaik<BR>&nbsp;
</font>
<font size="3" face="verdana">

    <div>Zustand: <span id="sw0"></span></div>
    <div>Leistung: <span id="sw1"></span> W</div>
    <div>Spannung: <span id="sw2"></span> V</div>
    <div>Strom: <span id="sw3"></span> A</div>
    <div>Zeit: <span id="sw4"></span> Uhr</div>

</font>
</center>

<script type="text/javascript">
    function autoRefreshPage()
    {
        window.location = window.location.href;
    }
    setInterval('autoRefreshPage()', 10000);
</script> 

    <script>
        let socket = new WebSocket("ws://IP-VOM-SHELLY/rpc");
        socket.onopen = function (e) {
            socket.send('{"id":1, "src":"user_1", "method":"Shelly.GetStatus"}');
        };
        socket.onmessage = function (event) {
            let message = event.data;
            //console.log("WebSocket message received:", message);
            obj = JSON.parse(event.data);

            if (obj.result !== undefined && obj.result['switch:0'] !== undefined && obj.result['switch:0'].output !== undefined) {
                if (obj.result['switch:0'].output === false)
                    document.getElementById("sw0").innerHTML = 'ausgeschaltet';
                else
                    document.getElementById("sw0").innerHTML = 'aktiviert';
            }
            if (obj.result !== undefined && obj.result['switch:0'] !== undefined && obj.result['switch:0'].apower !== undefined) {
                if (obj.result['switch:0'].apower === 0.0)
                    document.getElementById("sw1").innerHTML = obj.result['switch:0'].apower;
                else
                    document.getElementById("sw1").innerHTML = obj.result['switch:0'].apower;
            }
            if (obj.result !== undefined && obj.result['switch:0'] !== undefined && obj.result['switch:0'].voltage !== undefined) {
                if (obj.result['switch:0'].voltage === 0.0)
                    document.getElementById("sw2").innerHTML = obj.result['switch:0'].voltage;
                else
                    document.getElementById("sw2").innerHTML = obj.result['switch:0'].voltage;
            }
            if (obj.result !== undefined && obj.result['switch:0'] !== undefined && obj.result['switch:0'].current !== undefined) {
                if (obj.result['switch:0'].current === 0.0)
                    document.getElementById("sw3").innerHTML = obj.result['switch:0'].current;
                else
                    document.getElementById("sw3").innerHTML = obj.result['switch:0'].current;
            }
            if (obj.result !== undefined && obj.result['sys'] !== undefined && obj.result['sys'].time !== undefined) {
                if (obj.result['sys'].time === 0.0)
                    document.getElementById("sw4").innerHTML = obj.result['sys'].time;
                else
                    document.getElementById("sw4").innerHTML = obj.result['sys'].time;
            }

            // Switch 0
            if (obj.params !== undefined && obj.params['switch:0'] !== undefined && obj.params['switch:0'].output !== undefined) {
                if (obj.params['switch:0'].output === false)
                    document.getElementById("sw0").innerHTML = 'ausgeschaltet';
                else
                    document.getElementById("sw0").innerHTML = 'aktiviert';
            }

            // Switch 1
            if (obj.params !== undefined && obj.params['switch:0'] !== undefined && obj.params['switch:0'].apower !== undefined) {
                if (obj.params['switch:0'].apower === 0.0)
                    document.getElementById("sw1").innerHTML = obj.result['switch:0'].apower;
                else
                    document.getElementById("sw1").innerHTML = obj.result['switch:0'].apower;
            }

            // Switch 2
            if (obj.params !== undefined && obj.params['switch:0'] !== undefined && obj.params['switch:0'].voltage !== undefined) {
                if (obj.params['switch:0'].voltage === 0.0)
                    document.getElementById("sw2").innerHTML = obj.result['switch:0'].voltage;
                else
                    document.getElementById("sw2").innerHTML = obj.result['switch:0'].voltage;
            }

            // Switch 3
            if (obj.params !== undefined && obj.params['switch:0'] !== undefined && obj.params['switch:0'].current !== undefined) {
                if (obj.params['switch:0'].current === 0.0)
                    document.getElementById("sw3").innerHTML = obj.result['switch:0'].current;
                else
                    document.getElementById("sw3").innerHTML = obj.result['switch:0'].current;
            }

            // Switch 4
            if (obj.params !== undefined && obj.params['sys'] !== undefined && obj.params['sys'].time !== undefined) {
                if (obj.params['sys'].time === 0.0)
                    document.getElementById("sw3").innerHTML = obj.result['sys'].time;
                else
                    document.getElementById("sw3").innerHTML = obj.result['sys'].time;
            }

        }
    </script>

</body>

</html>

Alles anzeigen

Würde gerne Werte wie "verbrauchte/erzeugte Leistung" sehen wollen, aber das bekomm ich wohl nur über die Cloud...

Gruß
Christian

Seven of Nine

Zitat von ChristianGerlich

aber das bekomm ich wohl nur über die Cloud...

oder lokal hinter dem Webserver zwischenspeichern (z.B. MariaDB) und selbst rechnen.. kenne deine eingesetzte Technik nicht und kann dazu herzlich wenig sagen.

ChristianGerlich

Hi,

habe bisher keine Datenbank oder ähnliches aufgesetzt...

Aber bisher auch keine Erfahrung damit...

Schaue mal, was ich hier machen kann.

Danke für die Hilfestellung.

Shelly Plus 1PM Werte auslesen

Shellys mit Javascript und HTML visualisieren

ChristianGerlich 21. August 2022 um 20:37

Shelly4ProPM - Status der Relais via Websocket anzeigen

ChristianGerlich 23. August 2022 um 12:52

ChristianGerlich 23. August 2022 um 12:52

ChristianGerlich 23. August 2022 um 12:52

Ähnliche Themen

Shells plus 1 pm und balkonkraftwerk

Shelly 1 plus PM Probleme nach Update

Shelly 1 plus pm im Verteilerschrank

Shelly Plus 1 PM von innen.

Shelly Plus 1 PM als Flip Flop konfigurieren

Shelly 1 plus PM. Aufzeichnung Stromverbrauch bei "offline"