Neuer ioBroker-Blog online: Monatsrückblick März/April 2026

[ktsalti]

Hi,
mit Hilfe der KI (Google) habe ich es hinbekommen. Anbei alle Informationen (auch von der KI) zusammengefasst.
Ich habe es jetzt in 3x Scripten - geht vielleicht auch noch in ein Script - aber ich bin froh das es erstmal funktioniert und baue mir jetzt erstmal eine View.

Anleitung: Website-Button über ioBroker klicken (Puppeteer)
Diese Anleitung beschreibt, wie ein Button auf einer externen Webseite (z. B. Wallbox-Steuerung) automatisiert über ioBroker geklickt wird.

1. Systemvorbereitung (Linux/Konsole)
   Damit der Browser (Chromium/Puppeteer) unter Linux (Debian/Ubuntu) korrekt startet, müssen notwendige Grafik-Bibliotheken installiert sein. Führe folgende Befehle per SSH aus:

bash
sudo apt-get update
sudo apt-get install -y libnss3 libnspr4 libatk1.0-0t64 libatk-bridge2.0-0t64 libcups2t64 \
libdrm2 libxkbcommon0 libxcomposite1 libxdamage1 libxrandr2 libgbm1 libasound2t64 \
libpango-1.0-0 libcairo2 libxfixes3 libx11-6 libx11-xcb1 libxcb1 libxcursor1 libxi6 libxtst6

Verwende Code mit Vorsicht.
2. ioBroker Konfiguration

1. Gehe zu Instanzen -> javascript.0 -> Einstellungen.
2. Trage unter Zusätzliche NPM-Module das Wort puppeteer ein.
3. Speichere die Einstellungen (der Adapter startet neu).
4. Das Steuerungs-Skript
   Erstelle ein neues JavaScript im ioBroker und füge folgenden Code ein. Passe die URL und den Selektor ggf. an. Hier mein Beispiel für den Button SET SOLAR

const puppeteer = require('puppeteer');

async function wallboxKlick() {
    console.log('Starte Browser für Wallbox-Steuerung...');
    
    const browser = await puppeteer.launch({
        headless: true,
        args: ['--no-sandbox', '--disable-setuid-sandbox']
    });

    try {
        const page = await browser.newPage();
        
        // Timeout erhöhen, falls die Wallbox-Seite langsam lädt
        await page.goto('http://192.168.188.110/wallbox', { 
            waitUntil: 'networkidle2', 
            timeout: 30000 
        });

        // Dein kopierter Selektor
        const selector = 'body > div.page > main > div:nth-child(3) > div.mud-card-actions > button:nth-child(3) > span';
        
        // Warten, bis der Button im DOM erscheint
        await page.waitForSelector(selector, { visible: true, timeout: 10000 });
        
        // Klick ausführen
        await page.click(selector);
        
        console.log('Wallbox-Button Solar erfolgreich geklickt!');
    } catch (e) {
        console.error('Fehler beim Klicken des Wallbox-Buttons: ' + e.message);
    } finally {
        await browser.close();
        console.log('Browser geschlossen.');
    }
}

// Beispiel: Trigger über einen Datenpunkt (musst du ggf. anlegen)
// Ersetze '0_userdata.0.wallbox_laden_start' durch deinen Datenpunkt
on({id: '0_userdata.0.Wallbox.SET_SOLAR', val: true, ack: false}, (obj) => {
    wallboxKlick();
    // Optional: Datenpunkt wieder auf false setzen
    setState(obj.id, false, true);
});

Verwende Code mit Vorsicht.
4. Fehlersuche
Sollte der Browser nicht starten, prüfe mit folgendem Befehl in der Konsole, welche Bibliothek noch fehlt:
ldd /home/iobroker/.cache/puppeteer/chrome/linux-XXXX/chrome-linux64/chrome | grep not

---

[OliverIO]

@ktsalti

das mag zwar funktionieren, ist aber mit ganz schön overhead verbunden.
im endeffekt lädt der im hintergrund einen browser und sagt dem dann, klick hier, klick da und lese dann das ergebnis von der webseite.

besser wäre es die api direkt anzusteuern. dazu muss man aber die seite ein wenig reengineeren

was du machen kannst um erstmal grundlagen zu schalfen

• öffne im browser die seite
• dann öffne die web developer tools im browser mit F12
• dann gehen auf den Network tab. falls in der iste schon was drin steht, leere diese. in chrome sieht es dann so aus
  
• dann drücke einen knopf
• es müssten dann 1 bis mehrere Zeilen erscheinen. Meist ist es die erste aber ggfs muss man mehrere Zeilen durchschauen. Jede Zeile entspricht einen http-request. Also Daten die an den Webserver (also dein Gerät) gesendet werden und die dazugehörige Antwort (wenn was gesendet wird
• du schaust dann der reihe nach die zeilen an, an welchen link das gesendet wurde und ob das mit der funktion des knopfes irgendwie übereinstimmt. zusätzlich schaust du dir dann noch den untertab response an, ob da was drin steht
  -wenn du die richtige zeile gefunden hast, dann rechtsklick auf diese zeile und den requestbefehl aus dem kontextmenü "Copy -> Copy as fetch (node.js)" kopieren.

Dann kann man weiterschauen.

[ktsalti]

Hi OliverIO,

vielen Dank für deine Antwort!
Leider passiert in den DEV-Tools unter Network garnichts, wenn ich auf den Button klicke.
Das war meine (und sogar von der KI) erste Idee.

Deshalb den Umweg. Bin natürlich für jede weitere Idee offen :)

[Negalein]

@ktsalti sagte:

Leider passiert in den DEV-Tools unter Network garnichts, wenn ich auf den Button klicke.

aktivier mal invert.
Ist bei mir zumindest so.

[OliverIO]

@ktsalti

All muss selektiert sein
Und im Suchfeld darf auch nix drin stehen
Sonst wird alles ausgefiltert

Invert kehrt das Suchfeld glaube ich um

[skvarel]

Mit dem Thema habe ich mich intensiv beschäftigt, als ich den Enpal Adapter gebaut habe.

Ein Steuern wird von Enpal nicht gedultet, es gibt auch keine API-Doku. Lediglich das Auslesen der Daten ist gestattet.

EDIT:
Enpal ist da sehr streng mit ihrem geschlossenen System. Es kann sogar zur Sperrung der lokalen Ui kommen (Info von deren IT)

EDIT:
Aus diesem Grund ist mein Enpal Adapter auch Read-Only, um nicht gegen deren Bestimmungen zu verstoßen.

[ktsalti]

Ich habe nochmal mit den DEV-Tools rumgespielt - leider kein Erfolg. Es bleibt leer wenn ich den Button drücke. Mit und ohne Invert - beides ausprobiert.
PS: Ein Reload der Seite bringt viele Daten. Aber das hilft ja nicht bei meinen Problem.

@skvarel
wenn sie das umschalten per WebSite nicht erlauben würden, wäre es bestimmt nicht so sichtbar. Aber ja- man sollte es nicht übertreiben.
Früher konnte man über die Enpal-Box noch viel mehr Sachen einstellen. Aber das ist verschwunden - aber auch besser so. Da konnte man echt viel kaputt machen. Habe selbst mal ausversehen was angeklickt und mein Speicher hat nicht mehr geladen...

Ich werde es jetzt erstmal so weiterlaufen lassen - Vorbereitung für den Winter und die Tibber-Ladung, wenn die Sonne nicht mehr ausreicht

Danke euch und Viele Grüße
Marcus

[OliverIO]

@ktsalti

Du hast jetzt das Suchfeld leer und invert angekreutzt. Das könnte schon ausfiltern.

Ganz ohne ein Request wäre seltsam.
Als Nächstes bleibt dann eigentlich nur noch websocket. Die Verbindung wurde dann aber bereits am Anfang aufgebaut.

Da wäre dann die Vorgehensweise

• Rekord der Seite mit F5
• Filtern auf socket
• dann in den Request rein klicken und im untertan dass auf messages gehen. Mit jedem Klick auf einen Knopf müssten dann mehr messages erscheinen

Websocket ist allerdings etwas aufwändiger zu programmieren

[skvarel]

@ktsalti .. ich habe mich etwas unglücklich ausgedrückt.

Ja, das Schalten über die Ui ist natürlich zulässig und gewollt. Es geht um automatisierte Zugriffe, die nicht gestattet sind. Ob Enpal kontrollieren kann, ob man den Button mit dem Finger oder einem Befehl drückt, bezweifle ich.

Ich schaue mir das aber auch mal an. Die Wallbox per VIS zu starten wäre schon nicht schlecht. Allerdings würde ich das bei mir auch nur als Script laufen lassen und es nicht in den Enpal Adapter übernehmen.

[ktsalti]

@oliverio
ist das die richtige Stelle? Auch ohne das ich klicke, werden dort in Millisekunden-Bereich Messages geschickt.

[OliverIO]

@ktsalti

Ja das ist die richtige Stelle,
Die vielen nachrichten bedeuten das die Webseite Regelmäßig mit dem Server Daten austauscht.

Da du eine Nachricht markiert hast, sehe ich das der Inhalt leider binär Daten sind.
Jetzt wird es leider noch komplizierter. Jetzt müsste man das ebenfalls noch aufschlüsseln. Ohne Dokumentation wird das schwierig.
An der Stelle überwiegt dann der Aufwand den nutzen. Insbesondere dann, wenn die Firma da sagt das sie den Zugang nur sehr restriktiv handhaben.

Du kannst mal probieren mehrfach hintereinander einen Knopf zu drücken und schauen ob du den messages irgendwelche Unterschiede Gemeinsamkeiten findest die sich auf den Knopfdruck zurück führen lassen.