Parser Adapter

Stefan Schmidt

@homoran

Super danke. Du hast mir echt weitergeholfen.
Bin da schon ewig bei das zu versuchen.

Danke nochmal.

Homoran

@stefan-schmidt sagte in Parser Adapter:

Bin da schon ewig bei das zu versuchen.

wo hat's geklemmt?
Ich vermute, du hast nicht den Quelltext, sondern die html-Seite parsen wollen, oder?

Stefan Schmidt

@homoran Ich glaub da liegt der Fehler.

Homoran

@stefan-schmidt

Eventuell wäre der Status (tus[^\d]+([\.\d]+)) und die Fehlermeldung (ler[^\d]+([\.\d]+)) noch von Interesse

Da musst du dir dann aber noch ein Übersetzungsscript basteln:

Stefan Schmidt

@homoran WOW Das sieht ja schon gut aus.
Ja muss erstmal sehen das ich jetzt alles da rein bekomme.
Danke

GOETSCHHOFER

@homoran said in Parser Adapter:

@stefan-schmidt sagte in Parser Adapter:

Bin da schon ewig bei das zu versuchen.

wo hat's geklemmt?
Ich vermute, du hast nicht den Quelltext, sondern die html-Seite parsen wollen, oder?

Hallo homoran,

darf ich mich zu diesem Thema einklinken, da ich ein ähnliches Problem habe. ?

Ich möchte aus meinem AMIS-Reader (Infrarotlesekopf für EVU-Smartmeter) die Tageswerte für Bezug auslesen.

Könnte es sein, dass dies nicht funktioniert, da dies eine dynamische Seite ist, so habe ich dies mal im Forum hier aufgeschnappt, aber als Laie nicht wirklich verstanden ?

Danke für die Hilfe.

<!doctype html>
<html lang="de">
<head>
    <!--<meta http-equiv="Content-Security-Policy" content="default-src * 'unsafe-inline' 'unsafe-eval';">-->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ESP-Device</title>
    <link rel="stylesheet" href="custom.css">
    <link rel="icon" type="image/png" href="data:image/png;base64,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">
    <script src="jquery351.js"></script>
</head>
<body>
<div id="layout">  <!--This is the parent `<div>` that contains the menu and the content area :: side-menu.css-->
    <!-- Menu toggle -->
    <!--<a href="#menu" id="menuLink" class="menu-link">-->
    <a id="menuLink" class="menu-link">
        <!-- Hamburger icon -->
        <span></span>
    </a>
    <div id="menu">
        <div class="pure-menu">
            <!--<a class="pure-menu-heading" href="#">Device</a>-->
            <span class="pure-menu-heading" name="devicetype">DeviceType</span>
            <ul class="pure-menu-list">
                <li class="pure-menu-item"><a class="pure-menu-link" data="panel-home">Zähler</a></li>
                <li class="pure-menu-item menu-graf"><a class="pure-menu-link" data="panel-graf">Grafik</a></li>
                <li class="pure-menu-item"><a class="pure-menu-link" data="panel-log">Log</a></li>
                <li class="pure-menu-item"><a class="pure-menu-link" data="panel-status">Status</a></li>
                <li class="pure-menu-item"><a class="pure-menu-link" data="panel-general">Allgemein</a></li>
                <li class="pure-menu-item"><a class="pure-menu-link" data="panel-wifi">WiFi</a></li>
                <li class="pure-menu-item"><a class="pure-menu-link" data="panel-mqtt">MQTT</a></li>
                <li class="pure-menu-item"><a class="pure-menu-link" data="panel-update">Update</a></li>
                <li class="pure-menu-item"><a class="pure-menu-link" data="panel-hist">Versionsinfo</a></li>
            </ul>
        </div>
    </div>

    <div class="content">  <!--The content `<div>` is where all your content goes.  :: side-menu.css-->
      <div class="panel" id="panel-graf">
        <div id="chart-container" class="chart">
            <br>Daten von Thingspeak werden geladen...<br>
        </div>
        <div class="chart-below">
        <div class="pure-g">
          <div class="pure-u-1 pure-u-sm-1-5">
            <button class="pure-button button-load" onclick="loadOneChannel();" style="margin-left: 10px;width:160px;">Daten nachladen:</button>
          </div>
          <select class="pure-u-1 pure-u-sm-1-5" style="margin-left: 10px;" id="Loads">
            <option selected="selected" value="1">1 Tag</option>
            <option value="2">2 Tage</option>
            <option value="3">3 Tage</option>
            <option value="4">4 Tage</option>
            <option value="5">5 Tage</option>
            <option value="6">6 Tage</option>
            <option value="7">7 Tage</option>
            <option value="8">8 Tage</option>
            <option value="9">9 Tage</option>
            <option value="10">10 Tage</option>
          </select>
          <select id="ChannelSelect" class="pure-u-1 pure-u-sm-1-5" style="margin-left: 10px;"></select>
          <div class="pure-u-1 pure-u-sm-1-5">
            <button class="pure-button button-graf" style="margin-left:10px;width:160px;">Chart neu laden</button>
          </div>
        </div>
        <div class="pure-g">
          <label class="pure-u-1 pure-u-sm-1-5">Grafikdaten autom. aktualisieren</label>
          <div class="pure-u-1 pure-u-sm-1-5 on_off">
            <input id="Update" name="Update" type="checkbox" class="">
          </div>
          <div class="pure-u-1 pure-u-sm-2-5"></div>
        </div>
        </div>
      </div>

      <div class="panel" id="panel-home">
        <div class="header">
            <h1>AMIS-Zähler</h1>
            <br>
        </div><br>
        <div class="amis">
            <div class="pure-u-11-24">Uhrzeit (Zähler)</div>
            <div class="pure-u-11-24" name="now"></div>
            <div class="pure-u-11-24">1.8.0 (Energie A+)</div>
            <strong><div class="pure-u-11-24" name="1_8_0" post=" kWh" div="1000"></div></strong>
            <div class="pure-u-11-24">2.8.0 (Energie A-)</div>
            <strong><div class="pure-u-11-24" name="2_8_0" post=" kWh" div="1000"></div></strong>
            <div class="pure-u-11-24">3.8.1 (Energie R+)</div>
            <div class="pure-u-11-24" name="3_8_1" post=" kVarh" div="1000"></div>
            <div class="pure-u-11-24">4.8.1 (Energie R-)</div>
            <div class="pure-u-11-24" name="4_8_1" post=" kVarh" div="1000"></div>
            <div class="pure-u-11-24">1.7.0 (Wirk. P+)</div>
            <strong><div class="pure-u-11-24" name="1_7_0" post=" kW" div="1000"></div></strong>
            <div class="pure-u-11-24">2.7.0 (Wirk. P-)</div>
            <strong><div class="pure-u-11-24" name="2_7_0" post=" kW" div="1000"></div></strong>
            <div class="pure-u-11-24">Saldo 1.7.0-2.7.0</div>
            <strong><div class="pure-u-11-24" id="saldo"></div></strong>
            <div class="pure-u-11-24">3.7.0 (Blind. Q+)</div>
            <div class="pure-u-11-24" name="3_7_0" post=" kVar" div="1000"></div>
            <div class="pure-u-11-24">4.7.0 (Blind. Q-)</div>
            <div class="pure-u-11-24" name="4_7_0" post=" kVar" div="1000"></div>
            <div class="pure-u-11-24">1.128.0 (Inkasso)</div>
            <div class="pure-u-11-24" name="1_128_0"></div>
            <br><hr>
            <div class="pure-u-11-24">Uptime</div>
            <div class="pure-u-11-24" name="uptime"></div>
            <div class="pure-u-11-24">Upload Thingspeak</div>
            <div class="pure-u-11-24" name="things_up"></div>
            <br><hr>
            <h3>Energie [kWh]</h3>
            <div class="pure-u-1">
              <table class="pure-table pure-table-striped" width="100%">
                <thead><tr><th>Tag</th><th align="right">Bezug</th><th align="right">Lfrg.</th><th align="right">Diff.</th></tr></thead>
                <Tbody>
                  <tr><td>Heute</td>    <td align="right" id="tdy_in"></td><td align="right" id="tdy_out"></td><td align="right" id="tdy_diff"></td></tr>
                  <tr><td id="wd0"></td><td align="right" id="wd_in0"></td><td align="right" id="wd_out0"></td><td align="right" id="wd_diff0"></td></tr>
                  <tr><td id="wd1"></td><td align="right" id="wd_in1"></td><td align="right" id="wd_out1"></td><td align="right" id="wd_diff1"></td></tr>
                  <tr><td id="wd2"></td><td align="right" id="wd_in2"></td><td align="right" id="wd_out2"></td><td align="right" id="wd_diff2"></td></tr>
                  <tr><td id="wd3"></td><td align="right" id="wd_in3"></td><td align="right" id="wd_out3"></td><td align="right" id="wd_diff3"></td></tr>
                  <tr><td id="wd4"></td><td align="right" id="wd_in4"></td><td align="right" id="wd_out4"></td><td align="right" id="wd_diff4"></td></tr>
                  <tr><td id="wd5"></td><td align="right" id="wd_in5"></td><td align="right" id="wd_out5"></td><td align="right" id="wd_diff5"></td></tr>
                  <tr><td id="wd6"></td><td align="right" id="wd_in6"></td><td align="right" id="wd_out6"></td><td align="right" id="wd_diff6"></td></tr>
                </Tbody>
              </table>
            </div>
        </div>
      </div>

      <div class="panel pure-form" id="panel-status">
        <div class="header">
            <h1>STATUS 🛈</h1>
            <br>
        </div>
        <div class="pure-u-1 pure-u-lg-1-2 state">
            <div class="pure-u-1-2">Chip ID</div>
            <div class="pure-u-11-24"><span class="right" name="chipid"></span></div>
            <div class="pure-u-1-2">Wifi MAC</div>
            <div class="pure-u-11-24"><span class="right" name="mac"></span></div>
            <div class="pure-u-1-2">SDK version</div>
            <div class="pure-u-11-24"><span class="right" name="sdk"></span></div>
            <div class="pure-u-1-2">Core version</div>
            <div class="pure-u-11-24"><span class="right" name="core"></span></div>
            <div class="pure-u-1-2">App version</div>
            <div class="pure-u-11-24"><span class="right" name="version"></span></div>
            <div class="pure-u-1-2">App name</div>
            <div class="pure-u-11-24"><span class="right" name="app_name"></span></div>
            <div class="pure-u-1-2">Firmware size</div>
            <div class="pure-u-11-24"><span class="right" name="sketchsize" post=" bytes"></span></div>
            <div class="pure-u-1-2">Free space</div>
            <div class="pure-u-11-24"><span class="right" name="freesize" post=" bytes"></span></div>
            <div class="pure-u-1-2">LITTLE-FS size</div>
            <div class="pure-u-11-24"><span class="right" name="littlefs_size" post=" bytes"></span></div>
            <div class="pure-u-1-2">LITTLE-FS used</div>
            <div class="pure-u-11-24"><span class="right" name="littlefs_used" post=" bytes"></span></div>
            <div class="pure-u-1-2">Max. free block size</div>
            <div class="pure-u-11-24"><span class="right" name="max_free_blocksz" post=" bytes"></span></div>
            <div class="pure-u-1-2">Free heap</div>
            <div class="pure-u-11-24"><span class="right" name="heap_free" post=" bytes"></span></div>
            <div class="pure-u-1-2">Heap fragmentation</div>
            <div class="pure-u-11-24"><span class="right" name="heap_fragment" post=" %"></span></div>
            <div class="pure-u-1-2">Flash speed</div>
            <div class="pure-u-11-24"><span class="right" name="flashspeed" post=" Hz"></span></div>
            <div class="pure-u-1-2">Flash size</div>
            <div class="pure-u-11-24"><span class="right" name="flashsize" post=" bytes"></span></div>
            <div class="pure-u-1-2">Flash mode</div>
            <div class="pure-u-11-24"><span class="right" name="flashmode"></span></div>
            <div class="pure-u-1-2">CPU Frequ.</div>
            <div class="pure-u-11-24"><span class="right" name="cpu" post=" MHz"></span></div>
        </div>
        <div class="pure-u-1 pure-u-lg-11-24 state">
            <div class="pure-u-1-2">Network</div>
            <div class="pure-u-11-24" name="ssid"></div>
            <div class="pure-u-1-2">Channel</div>
            <div class="pure-u-11-24" name="channel"></div>
            <div class="pure-u-1-2">RSSI</div>
            <div class="pure-u-11-24" name="rssi" post=" dB"></div>
            <div class="pure-u-1-2">IP</div>
            <div class="pure-u-11-24" name="deviceip"></div>
            <div class="pure-u-1-2">DNS</div>
            <div class="pure-u-11-24" name="dns"></div>
            <div class="pure-u-1-2">Gateway</div>
            <div class="pure-u-11-24" name="gateway"></div>
            <div class="pure-u-1-2">Netmask</div>
            <div class="pure-u-11-24" name="netmask"></div>
            <div class="pure-u-1-2">VCC</div>
            <div class="pure-u-11-24"><span class="right" name="vcc">? </span><span>mV</span></div>
            <div class="pure-u-1-2 module-mqtt">MQTT Status</div>
            <div class="pure-u-11-24 module-mqtt" name="mqttStatus"></div>
            <div class="pure-u-1-2 module-ntp">NTP Status</div>
            <div class="pure-u-11-24 module-ntp" name="ntpSynced"></div>
            <div class="pure-u-1-2 module-ntp">Current time</div>
            <div class="pure-u-11-24 module-ntp" name="now"></div>
            <div class="pure-u-1-2">Uptime</div>
            <div class="pure-u-11-24" name="uptime"></div>
        </div>
      </div>

      <div class="panel  pure-form" id="panel-general">
        <div class="header">
            <h1>Allgemein</h1>
            <!--<h3>Current configuration</h3>-->
            <br>
        </div>
        <br>
        <div class="pure-g">
            <label class="pure-u-1 pure-u-sm-1-5">Name Gerät:</label>
            <input class="pure-u-1 pure-u-sm-2-5 general" type="text" name="devicename" placeholder="ESP-Device" />
        </div>
            <br>
        <div class="pure-g">
            <label class="pure-u-1 pure-u-sm-1-5">Authentifizierung:</label>
            <div class="pure-u-1 pure-u-sm-2-5"><input type="checkbox" name="use_auth" id="use_auth" class="general"/></div>
        </div>
        <div class="auth_details">
          <div class="pure-g">
            <label class="pure-u-1 pure-u-sm-1-5">Benutzer:</label>
            <input class="pure-u-1 pure-u-sm-2-5 general" name="auth_user" value="Admin"/>
          </div>
          <div class="pure-g">
            <label class="pure-u-1 pure-u-sm-1-5">Passwort:</label>
            <input class="pure-u-1 pure-u-sm-2-5 general" name="auth_passwd" type="password" spellcheck="false" />
            <span class="no-select password-reveal"></span>
          </div>
        </div>
        <div class="pure-g">
            <label class="pure-u-1 pure-u-sm-1-5">System-Log:</label>
            <div class="pure-u-1 pure-u-sm-2-5"><input type="checkbox" name="log_sys" id="log_sys" class="general"/></div>
        </div>
          <br>
        <div style="display:block;">
            <div class="pure-g">
                <label class="pure-u-1 pure-u-sm-1-5">Amis-Key:</label>
                <input class="pure-u-1 pure-u-sm-2-5 general" type="text" name="amis_key"/>
            </div>
                <br>
            <div class="pure-g">
                <label class="pure-u-1 pure-u-sm-1-5">ThingSpeak/Highcharts aktiv:</label>
                <div class="pure-u-1 pure-u-sm-1-5"><input type="checkbox" name="thingspeak_aktiv" id="thingspeak_aktiv" class="general"/></div>
            </div>
            <div class="things_details">
              <div class="pure-g">
                  <label class="pure-u-1 pure-u-sm-1-5">Channel ID:</label>
                  <input class="pure-u-1 pure-u-sm-2-5 general" type="text" name="channel_id"/>
              </div>
              <div class="pure-g">
                  <label class="pure-u-1 pure-u-sm-1-5">Write API Key:</label>
                  <input class="pure-u-1 pure-u-sm-2-5 general" type="text" name="write_api_key"/>
              </div>
              <div class="pure-g">
                  <label class="pure-u-1 pure-u-sm-1-5">Read API Key:</label>
                  <input class="pure-u-1 pure-u-sm-2-5 general" type="text" name="read_api_key"/>
              </div>
              <div class="pure-g">
                  <label class="pure-u-1 pure-u-sm-1-5">Intervall (sec):</label>
                  <input class="pure-u-1 pure-u-sm-2-5 general" type="number" min="30" name="thingspeak_iv"/>
              </div>
                  <hr>
                  <br>
                  Daten für einen zweiten Zähler abrufen:
                  <br><br>
              <div class="pure-g">
                  <label class="pure-u-1 pure-u-sm-1-5">Channel ID:</label>
                  <input class="pure-u-1 pure-u-sm-2-5 general" type="text" name="channel_id2"/>
              </div>
              <div class="pure-g">
                  <label class="pure-u-1 pure-u-sm-1-5">Read API Key:</label>
                  <input class="pure-u-1 pure-u-sm-2-5 general" type="text" name="read_api_key2"/>
              </div>
            </div>
        </div>
        <hr>
        <div class="pure-g">
          <div class="pure-u-1 pure-u-sm-1-5"><progress id="prgbar_general"></progress></div>
          <div style="min-height: 40px"></div>
        </div>
        <div class="pure-g">
          <div class="pure-u-1 pure-u-sm-3-5">
            <button class="pure-button button-update-general">Übernehmen</button>
            <button class="pure-button button-reboot">Neustart</button>
          </div>
        </div>
      </div>

      <div class="panel pure-form" id="panel-wifi">
        <div class="header">
            <h1>WiFi 📶</h1>
            <h2>Gerätebezeichnung (Hostname) bei "Allgemein" festlegen</h2>
        </div>
        <br>
        <div class="pure-g">
          <label class="pure-u-1 pure-u-sm-1-5">SSID:</label>
          <input class="pure-u-1 pure-u-sm-2-5 wifi" name="ssid" type="text"/>
        </div>
        <div class="pure-g">
          <label class="pure-u-1 pure-u-sm-1-5">Passwort:</label>
          <input class="pure-u-1 pure-u-sm-2-5 wifi" name="wifipassword" type="password"/>
          <span class="no-select password-reveal"></span>
        </div>
        <div class="pure-g">
          <label class="pure-u-1 pure-u-sm-1-5">DHCP</label>
          <div class="pure-u-1 pure-u-sm-2-5  on_off"><input type="checkbox" name="dhcp" id="dhcp" class="wifi" /></div>
        </div>
        <div class="wifi_details">
          <div class="pure-g">
            <label class="pure-u-1 pure-u-sm-1-5">Static IP:</label>
            <input class="pure-u-1 pure-u-sm-2-5 wifi" name="ip_static" type="text"/>
          </div>
          <div class="pure-g">
            <label class="pure-u-1 pure-u-sm-1-5">Netmask:</label>
            <input class="pure-u-1 pure-u-sm-2-5 wifi" name="ip_netmask" type="text"/>
          </div>
          <div class="pure-g">
            <label class="pure-u-1 pure-u-sm-1-5">Gateway:</label>
            <input class="pure-u-1 pure-u-sm-2-5 wifi" name="ip_gateway" type="text"/>
          </div>
          <div class="pure-g">
            <label class="pure-u-1 pure-u-sm-1-5">Nameserver:</label>
            <input class="pure-u-1 pure-u-sm-2-5 wifi" name="ip_nameserver" type="text"/>
          </div>
        </div>
        <div class="pure-g">
          <label class="pure-u-1 pure-u-sm-1-5">RF-Power:</label>
          <input class="pure-u-1 pure-u-sm-1-5 wifi" name="rfpower" type="number" min="0" max="25" placeholder="0..25dBm"/>
          <span class="pure-u-1 pure-u-sm-1-5">&nbsp;&nbsp;dBm</span>
        </div>
        <div class="pure-g">
          <label class="pure-u-1 pure-u-sm-1-5">MDNS</label>
          <div class="pure-u-1 pure-u-sm-2-5 on_off"><input type="checkbox" name="mdns" class="wifi" /></div>
          <div class="pure-u-1 pure-u-sm-3-5"></div>
          <div class="pure-u-1 pure-u-sm-1-5"></div>
          <div class="pure-u-1 pure-u-sm-4-5 hint">
              Wenn der Browser / das BS MDNS unterstützen, kann dieses Gerät unter "<span name="devicename" class="wifi"></span>.local" erreicht werden.
              Das Verfahren ist auch als Bonjour bekannt.
          </div>
        </div>
        <div class="pure-g">
          <div class="pure-u-1 pure-u-sm-1-5"><progress id="prgbar_wifi"></progress></div>
          <div style="min-height:40px"></div>
        </div>
        <div class="pure-g">
          <div class="pure-u-1 pure-u-sm-3-5">
            <button class="pure-button button-update-wifi">Übernehmen</button>
            <button class="pure-button button-reboot">Neustart</button>
          </div>
        </div>
        <hr>
        <div class="pure-g">
          <label class="pure-u-1 pure-u-sm-1-5">WiFi-Scan</label>
          <div class="pure-u-1 pure-u-sm-4-5"><span name="stations"></span></div>
        </div>
      </div>

      <div class="panel pure-form" id="panel-mqtt">
          <div class="header">
              <h1>MQTT</h1>
              <h2>Einen MQTT broker im lokalen Netzwerk definieren.</h2>
          </div>
          <br>
          <div class="pure-g">
              <label class="pure-u-1 pure-u-sm-1-5">MQTT aktiv:</label>
              <div class="pure-u-1 pure-u-sm-2-5"><input type="checkbox" name="mqtt_enabled" id="mqtt_enabled" class="mqtt"/></div>
          </div>
          <div class="mqtt_details">
            <div class="pure-g">
                <label class="pure-u-1 pure-u-sm-1-5">MQTT Broker</label>
                <input class="pure-u-1 pure-u-sm-2-5 mqtt" name="mqtt_broker" type="text" placeholder="IP or address of your broker" />
            </div>
            <div class="pure-g">
                <label class="pure-u-1 pure-u-sm-1-5">MQTT Port</label>
                <input class="pure-u-1 pure-u-sm-2-5 mqtt" name="mqtt_port" type="number" value="1883" />
            </div>
            <div class="pure-g">
                <label class="pure-u-1 pure-u-sm-1-5">MQTT User</label>
                <input class="pure-u-1 pure-u-sm-2-5 mqtt" name="mqtt_user" type="text" placeholder="Frei lassen wenn kein Benutzer definiert ist" autocomplete="off" />
            </div>
            <div class="pure-g">
                <label class="pure-u-1 pure-u-sm-1-5">MQTT Passwort</label>
                <input class="pure-u-1 pure-u-sm-2-5 mqtt" name="mqtt_password" type="password" placeholder="Frei lassen wenn kein Passwort definiert ist" autocomplete="new-password" spellcheck="false" />
                <span class="no-select password-reveal"></span>
            </div>
            <div class="pure-g">
                <label class="pure-u-1 pure-u-sm-1-5">MQTT Client ID</label>
                <input class="pure-u-1 pure-u-sm-2-5 mqtt" name="mqtt_clientid" type="text"/>
                <div class="pure-u-0 pure-u-sm-2-5"></div>
                <div class="pure-u-0 pure-u-sm-1-5"></div>
                <div class="pure-u-1 pure-u-sm-2-5 hint">
                    Wenn nicht definiert, wird automatisch eine ID generiert
                </div>
            </div>
            <div class="pure-g">
                <label class="pure-u-1 pure-u-sm-1-5">MQTT QoS</label>
                <select class="pure-u-1 pure-u-sm-2-5 mqtt" name="mqtt_qos">
                    <option value="0">0: At most once</option>
                    <option value="1">1: At least once</option>
                    <option value="2">2: Exactly once</option>
                </select>
            </div>
            <div class="pure-g">
                <label class="pure-u-1 pure-u-sm-1-5">MQTT Retain</label>
                <div class="pure-u-1 pure-u-sm-2-5"><input type="checkbox" name="mqtt_retain" class="mqtt"/></div>
            </div>
            <div class="pure-g">
                <label class="pure-u-1 pure-u-sm-1-5">MQTT Keep Alive</label>
                <input class="pure-u-1 pure-u-sm-1-5 mqtt" type="number" name="mqtt_keep" min="0" max="3600" value="30"/>
                <span class="pure-u-1 pure-u-sm-1-5">&nbsp;&nbsp;sec</span>
            </div>
            <div class="pure-g">
                <div class="pure-u-1 pure-u-sm-1-5"></div>
                <div class="pure-u-1 pure-u-sm-2-5 hint">
                    Die publish-message wird im definierten Intervall gesendet.
                </div>
            </div>
            <div class="pure-g">
              <label class="pure-u-1 pure-u-sm-1-5">MQTT publish:</label>
              <input class="pure-u-1 pure-u-sm-2-5 mqtt" name="mqtt_pub" type="text"/>
            </div>
            <!--<div class="pure-g">-->
              <!--<label class="pure-u-1 pure-u-sm-1-5">MQTT subscribe:</label>-->
              <!--<input class="pure-u-1 pure-u-sm-2-5 mqtt" name="mqtt_sub" type="text"/>-->
            <!--</div>-->
            <div class="pure-g">
              <label class="pure-u-1 pure-u-sm-1-5">MQTT Last Will:</label>
              <input class="pure-u-1 pure-u-sm-2-5 mqtt" name="mqtt_will" type="text"/>
            </div>
          </div>
          <hr>
          <div class="pure-g">
            <div class="pure-u-1 pure-u-sm-1-5"><progress id="prgbar_mqtt"></progress></div>
            <div style="min-height:40px"></div>
          </div>
          <div class="pure-g">
            <div class="pure-u-1 pure-u-sm-3-5">
              <button class="pure-button button-update-mqtt">Übernehmen</button>
              <button class="pure-button button-reboot">Neustart</button>
            </div>
          </div>
      </div>

      <div class="panel pure-form" id="panel-update">
          <div class="header">
              <h1>Software-Update ♺</h1>
              <!--<h4>Configure your NTP (Network Time Protocol) servers and local configuration to keep your device time up to the second for your location.</h4>-->
            <br>
          </div>
          <br><br><br>
          <div class="pure-g">
              <label class="pure-u-1 pure-u-sm-1-5">Datei:</label>
              <input class="pure-u-1 pure-u-sm-2-5" name="filename" type="text" readonly />
          </div>
          <div class="pure-g">
            <div class="pure-u-1 pure-u-sm-1-5"><progress id="prgbar_update"></progress></div>
            <div style="min-height:40px"></div>
          </div>
          <div class="main-buttons pure-g">
              <button class="pure-button button-upgrade-browse pure-u-1 pure-u-sm-2-24">Auswahl</button>
              <div class="pure-u-1 pure-u-sm-1-24"></div>
              <button class="pure-button button-upgrade pure-u-1 pure-u-sm-2-24">Update</button>
              <div class="pure-u-1 pure-u-sm-1-24"></div>
              <button class="pure-button button-reboot pure-u-1 pure-u-sm-2-24">Neustart</button>
          </div>
          <input name="upgrade" type="file" style="display:none;"/>
      </div>

      <div class="panel" id="panel-log">
          <div class="header">
              <h1>LOG 🗊</h1>
              <!--<h2> style="color:#555;">-->
              <h2>
                  Ereignisse anzeigen
              </h2>
          </div>
          <br>
          <div class="pure-g">
            <div class="pure-u-2-5 "><span name="page"></span></div>
          </div>
          <div class="pure-g">
              <div class="pure-u-1 log"><span class="terminal" name="list"></span></div>
              <!--<div class=""><span class="terminal" name="list"></span></div>-->
          </div>
          <br>
          <div class="pure-g">
              <div class="pure-u-1 pure-u-sm-1-5"><button class="pure-button button-log-prev">Seite -</button></div>
              <div class="pure-u-1 pure-u-sm-1-5"><button class="pure-button button-log-next">Seite +</button></div>
              <div class="pure-u-1 pure-u-sm-1-5"><button class="pure-button button-log-clear">Log löschen</button></div>
          </div>
          <br>
          <div class="pure-g">
              <div class="pure-u-1 pure-u-sm-1-5">Tagesverbrauch</div>
              <div class="pure-u-1 pure-u-sm-1-5"><button class="pure-button button-hist_clear">Löschen</button></div>
          </div>
      </div>
      <div class="panel" id="panel-hist">
          <div class="header">
              <h1>Versionsinfo</h1>
          </div>
          <br>
          <div class="pure-g hist">
            <div class="pure-u-1">
              <h3>Version 1.2.0</h3>
              Neues Filesystem LittleFs eingeführt. Leider gehen dadurch alle Konfigurations- und Logdateien verloren.
              Kleine Bugs behoben.
              <br>
              <h3>Version 1.1.5</h3>
              Antwort auf rest-Anfrage ist gesperrt, so lange Zähler nicht synchron ist.
              <br>
              <h3>Version 1.1.4</h3>
              Alle Web-Dateien werden vom lokalen Server bereitgestellt, d.h. kein Nachladen aus externen Quellen ist notwendig. Ausnahme: Chart-Grafik, aber dazu ist grundsätzlich eine Internetverbindung notwendig.
              <br>
              Logdatei und Log-Anzeige: übersteigt die Größe der Logdatei ca. 1000 Zeilen, dann wird sie gelöscht und neu erzeugt. Der Seitenabruf wurde verbessert wegen Timeout-Problemen.
              <br>
              <h3>Version 1.1.3</h3>
              Leerzeichen in SSID erlaubt.
              Einige HTML-Bugs bereinigt.
              <br>
              <h3>Version 1.1.2</h3>
              Saldo 1.7.0 - 2.7.0 wird angezeigt.<br>
              Die Energie-History wurde ergänzt und zeigt jetzt auch die Lieferung und den Saldo per Tag an.
              <br>
              <h3>Version 1.1.1</h3>
              Einführung Versionsinfo.<br>
              Bugfix MQTT.<br>
              Die blaue LED leuchtet jetzt dauernd, sobald eine Verbindung zu einem Router (Access-Point) aufgebaut ist.<br>
              Wenn das Modul selbst als Access-Point auftritt (Jumper gesetzt), blinkt die LED. Die Netzwerkkennung (SSID) ist dann "ESP8266_AP",
              die Verbindung kann unter 192.168.4.1 aufgebaut werden.<br>
              <h3>Version 1.1.0</h3>
              Der Datenabruf von Thingspeak musste geändert werden, weil die bisherige Methhode mit jsonp nicht mehr unterstützt wird.
              Durch die Änderung des API können sehr restriktive Webbrowser u.U. keine Daten mehr abrufen.<br>
              Die gesamte Oberfläche wurde neu gestaltet, im Hintergrund laufen jetzt alle Vorgänge asynchron ab. Die Betriebssicherheit
              sollte dadurch noch besser werden.
            </div>
          </div>
      </div>
    </div>
</div>

<!--<script src="chart.js"></script>-->
<script src="cust.js"></script>

</body>
</html>

Homoran

@goetschhofer sagte in Parser Adapter:

ch möchte aus meinem AMIS-Reader (Infrarotlesekopf für EVU-Smartmeter) die Tageswerte für Bezug auslesen.

hatten wir das nicht schon irgendwo?

Wie willst du aus einem Lesekopf etwas auslesen?
Das ist nur ein Photowiderstand

GOETSCHHOFER

@homoran said in Parser Adapter:

@goetschhofer sagte in Parser Adapter:

ch möchte aus meinem AMIS-Reader (Infrarotlesekopf für EVU-Smartmeter) die Tageswerte für Bezug auslesen.

hatten wir das nicht schon irgendwo?

Wie willst du aus einem Lesekopf etwas auslesen?
Das ist nur ein Photowiderstand

Du hast Recht dieses Thema hatten wir schon mal:
https://forum.iobroker.net/topic/44660/anfänger-sucht-hilfe-bei-install-proxmox-auf-intelnuc8i3bek/846?_=1629297565903

Sorry, habe mich laienhaft ausgedrückt, ich kann mit der IP-Adresse des Infrarot-Lesekopfes-ESP8266 auf diese vorhin gezeigte Seite im AMIS-Zähler zugreifen. Übertrage die obigen Werte auch über MQTT an den iobroker, aber die unten angeführten Tageswerte für Bezug würde ich auch noch gerne in Grafana zeigen.

Da hat sich für mich die Frage gestellt, ob man die nicht parsen könnte ?

Homoran

@goetschhofer sagte in Parser Adapter:

ob man die nicht parsen könnte ?

ich sehe keinen einzigen Wert im Quelltext, sondern nur variable.

GOETSCHHOFER

@homoran

Ich mache jetzt ausnahmsweise einen Screenshot.

Habe den Bezugswert heute 4,077 markiert und mit rechter Maustaste untersuchen gemacht.
Hilft dir dies weiter ?

Homoran

@goetschhofer sagte in Parser Adapter:

Hilft dir dies weiter ?

Nein!
Da hat der Browser bereits dynamisch den Wert der Variable eingesetzt.

Deswegen braucht es den echten Quellcode und es nutzt der HTML-Code nichts.

Möglicherweise kannst du im Reiter Netzwerk sehen, wo die Seite die Werte herholt und dort nach den aktuellen Werten suchen

GOETSCHHOFER

@homoran said in Parser Adapter:

@goetschhofer sagte in Parser Adapter:

Hilft dir dies weiter ?

Nein!
Da hat der Browser bereits dynamisch den Wert der Variable eingesetzt.

Deswegen braucht es den echten Quellcode und es nutzt der HTML-Code nichts.

Möglicherweise kannst du im Reiter Netzwerk sehen, wo die Seite die Werte herholt und dort nach den aktuellen Werten suchen

Reiter Quellen sieht so aus:

Ab Zeile 131 wird offenbar gerechnet.

var websock = null;
var wsUri = "";
var loginUri="";
var UpdateUri="";
const wday=["Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag","Sonntag"];
var ws_pingpong;
var logpage=1;
var logpagenr;
var e180,e280;
var yestd_in;
var yestd_out;

var config_general = {
    "devicetype": "AMIS-Reader",
    "devicename": "Amis-1",
    "auth_passwd": "admin",
    "auth_user": "admin",
    "use_auth":0,
    "log_sys":0,
    "amis_key": "0",
    "thingspeak_aktiv":0,
    "channel_id":0,
    "write_api_key":"",
    "read_api_key":"",
    "thingspeak_iv":30,
    "channel_id2":"",
    "read_api_key2":"",
    "command" :"/config_general"
};

var config_wifi= {
    "ssid": "",
    "wifipassword": "",
    "dhcp": 0,
    "ip_static": "192.168.",
    "ip_netmask": "255.255.255.0",
    "ip_gateway": "192.168.",
    "ip_nameserver": "192.168.",
    "rfpower":20,
    "mdns": 0,
    "command":"/config_wifi"
};
var config_mqtt={
    "mqtt_enabled": 0,
    "mqtt_broker": "192.168.",
    "mqtt_port": 1883,
    "mqtt_user": "",
    "mqtt_password": "",
    "mqtt_clientid": "",
    "mqtt_qos": 0,
    "mqtt_retain": 0,
    "mqtt_keep": 0,
    "mqtt_pub":"amis/out",
    "mqtt_will":"",
    "command":"/config_mqtt"
};

function timeDecoder (tc) {
  let hi=Number(tc.slice(0,4));
  let lo=Number("0x"+tc.slice(4,12));
  let secs = zeroPad((lo & 0x3f)^0x2d,2);
  lo=lo >> 8;
  let mins = zeroPad((lo & 0x3f)^0x0c,2);
  lo =lo >> 8;
  let hrs = zeroPad((lo & 0x1f),2);
  lo =lo >> 8;
  let day = zeroPad((lo & 0x1f),2);
  let month = zeroPad((hi & 0x0f),2);
  let year=(lo & 0xe0) >> 5;
  year |= (hi & 0xf0) >> 1;
  year+=2000;
  return (year+'/'+month+'/'+day+'&nbsp;'+hrs+':'+mins+'.'+secs);
}

function updateElements (obj) {
  let pre;
  let post;
  let div;
  for (let [key, value] of Object.entries(obj)) {
    //console.log(key,value);
    if (key==='command') {
      switch (value) {
        case "/config_general":
          config_general=obj;
          if (config_general.thingspeak_aktiv) $(".menu-graf").show();
          break;
        case "/config_wifi":
          config_wifi=obj;
          break;
        case "/config_mqtt":
          config_mqtt=obj;
          break;
      }
    }
    else if (key==='now') {
      if (0===Number(value)) value='Warte auf Zählerdaten...';
      else value=timeDecoder((value));
    }
    else if (key==='today_in') {   // 1x nach Start
      yestd_in=obj.yestd_in;
      yestd_out=obj.yestd_out;
      $("#tdy_in"  ).html(((value-yestd_in)/1000).toFixed(3).replace('.',','));
      $("#tdy_out" ).html(((obj.today_out-yestd_out) / 1000).toFixed(3).replace('.',','));
      var diff=(value-yestd_in)-(obj.today_out-yestd_out);
      if (diff >0) $("#tdy_diff").css({'color':'#FF0000'});
      else         $("#tdy_diff").css({'color':'#0000FF'});
      $("#tdy_diff").html((diff / 1000).toFixed(3).replace('.',','));
      for (let i=0;i<7;i++ ) {
        let datax = "data" + i;
        if (datax in obj) {
          datax = obj[datax];
          if (i === 0) $("#wd0").html('Gestern');
          else $("#wd"+i).html(wday[datax[0]]);
          $("#wd_in" +i).html((datax[1] / 1000).toFixed(3).replace('.',','));
          $("#wd_out"+i).html((datax[2] / 1000).toFixed(3).replace('.',','));
          diff=datax[1]-datax[2];
          if (diff >0) $("#wd_diff"+i).css({'color':'#FF0000'});
          else         $("#wd_diff"+i).css({'color':'#0000FF'});
          $("#wd_diff"+i).html((diff / 1000).toFixed(3).replace('.',','));
        }
      }
      continue;
    }
    else if (key==='1_7_0') {
      diff=value-obj['2_7_0'];
      if (diff >0) $("#saldo").css({'color':'#FF0000'});
      else         $("#saldo").css({'color':'#0000FF'});
      $("#saldo").html((diff / 1000).toFixed(3).replace('.',',')+' kW');
    }
    else if (key==='1_8_0') {
      if (e180 != value) {          // Energie-Tabelle auch aktualisieren
        $("#tdy_in").html(((value-yestd_in) / 1000).toFixed(3).replace('.',','));
        e180=value;
      }
    }
    else if (key==='2_8_0') {
      if (e280 != value) {          // Energie-Tabelle auch aktualisieren
        $("#tdy_out").html(((value-yestd_out) / 1000).toFixed(3).replace('.',','));
        e280 = value;
      }
      $("#tdy_diff").html((((e180-yestd_in)-(e280-yestd_out)) / 1000).toFixed(3).replace('.',','));
    }
    else if (key==='things_up') {
       if (value) value=timeDecoder(value);
       else value="";
    }
    else if (key==='page') {             // Logpanel
      logpagenr=obj["haspages"];
      value="Seite "+value+" von "+logpagenr;
    }
    else if (key==='list') {             // Logpanel
      let tab='<table class="pure-table pure-table-striped"><thead><tr><th>Zeit</th><th>Typ</th><th>Src</th><th>Inhalt</th><th>Daten</th></tr></thead><Tbody>';
        for (let i=0;i<value.length;i++ ) {
          let line=JSON.parse(value[i]);
          let t='- - -';
          if (line.time) {
            t=timeDecoder(line.time);
          }
          tab += '<tr><td>'+t+'</td><td>'+line.type+'</td><td>'+line.src+'</td><td>'+line.desc+'</td><td>'+line.data+'</td></tr>';
        }
      tab+='</tbody></table>';
      value=tab;
    }
    else if (key==='uptime') {
      let uptime  = parseInt(value, 10);
      let seconds = uptime % 60;
      uptime = parseInt(uptime / 60, 10);
      let minutes = uptime % 60;
      uptime = parseInt(uptime / 60, 10);
      let hours   = uptime % 24;
      uptime = parseInt(uptime / 24, 10);
      value = uptime + "d " + hours + "h " + zeroPad(minutes, 2) + "m " + zeroPad(seconds, 2) + "s";
    }
    else if (key==='ls') {
      for (let i=0; i < value;i++) {
        let s=String(i);
        console.log(obj[s]);
      }
      //console.log(obj)
    }
    else if (key === 'flashmode') {
      switch (value) {
        case '0': value = 'QIO';break
        case '1': value = 'QOUT';break
        case '2': value = 'DIO';break
        case '3': value = 'DOUT';break
        case '4': value = 'FAST-READ';break
        case '5': value = 'SLOW-READ';break
        case '0xff': value = 'unknown';break
      }
    }
    else if (key === 'stations') {        // WiFi-Scan
      let tab = '<table class="pure-table pure-table-striped"><thead><tr><th>SSID</th><th>RSSI</th><th>Channel</th><th>Encryption</th></tr></thead><Tbody>';
      for (let i = 0; i < value.length; i++) {
        let station = JSON.parse(value[i]);
        let encr="Unknown";
        switch (station.encrpt) {
          case '7': encr="Open";break;
          case '5': encr="WEP";break;
          case '2': encr="WPA_PSK";break;
          case '4': encr="WPA2_PSK";break;
          case '8': encr="auto";break;
        }
        tab+='<tr><td>'+station.ssid+'</td><td>'+station.rssi+' dB</td><td>'+station.channel+'</td><td>'+encr+'</td></tr>'
      }
      tab += '</tbody></table>';
      value = tab;
    }

    // Look for INPUTs
    let input = $("input[name='" + key + "']");
    if (input.length > 0) {
      //console.log(input)
      if (input.attr("type") === "checkbox") {
        input.prop("checked", value);
      }
      else if (input.attr("type") === "radio")
        input.val([value]);
      else {
        pre = input.attr("pre") || "";
        post = input.attr("post") || "";
        input.val(pre + value + post);
      }
    }
    // Look for SPANs
    let span = $("span[name='" + key + "']");
    pre = span.attr("pre") || "";
    post = span.attr("post") || "";
    div = span.attr("div") || 0;
    if (div) {
      value = value / div;
      value=value.toFixed(3).replace('.',',');
    }
    span.html(pre + value + post);

    // Look for DIVs
    let divt = $("div[name='" + key + "']");
    pre = divt.attr("pre") || "";
    post = divt.attr("post") || "";
    div = divt.attr("div") || 0;
    if (div) {
      value = value / div;
      value=value.toFixed(3).replace('.',',');
    }
    divt.html(pre + value + post);

    // Look for SELECTs
    let select = $("select[name='" + key + "']");
    if (select.length > 0)
      select.val(value);
  }
}

function socketMessageListener(evt) {   // incomming from ESP
  try {
    var obj = JSON.parse(evt.data);
  }
  catch (e) {                   // Debug-Ausgaben
    console.log("%c"+evt.data,"color:blue");
    return;
  }
  try {
    if ("devicetype" in obj) {
      let title = obj.devicetype;
      if ("devicename" in obj) title = obj.devicename + " - " + title;
      document.title = title;
    }
  }
  catch (e) {                   // Debug-Ausgaben
    console.log(e);
    console.log(obj);
    return;
  }
  updateElements(obj);
}

function connectWS() {
  websock = new WebSocket(wsUri);
  websock.addEventListener("message", socketMessageListener);
  websock.onopen = function(evt) {
    $("#panel-home").show();
    //$("#panel-graf").show();
    websock.send('{"command":"getconf"}');
    //websock.send('{"command":"status"}');
    ws_pingpong = setInterval(function() {
      websock.send('{"command":"ping"}');
    }, 3000);
  }
}

function createCheckboxes() {
  $("input[type='checkbox']").each(function() {
    if($(this).prop("name")) $(this).prop("id", $(this).prop("name"));
    $(this).parent().addClass("toggleWrapper");
    $(this).after('<label for="' + $(this).prop("name") + '" class="toggle"><span class="toggle__handler"></span></label>')
  });
}

function zeroPad(number, positions) {
  return number.toString().padStart(positions, "0");
}

function loadTimeZones() {
  var time_zones = [
    -720, -660, -600, -570, -540,-480, -420, -360, -300, -240,-210, -180, -120, -60, 0,60, 120, 180, 210, 240,
    270, 300, 330, 345, 360,390, 420, 480, 510, 525,540, 570, 600, 630, 660, 720, 765, 780, 840 ];
  for(var i in time_zones) {
    var tz = time_zones[i];
    var offset = tz >= 0 ? tz : -tz;
    var text = "GMT" + (tz >= 0 ? "+" : "-") +
      zeroPad(parseInt(offset / 60, 10), 2) + ":" +
      zeroPad(offset % 60, 2);
    $("select[name='ntp_offset']").append(
      $("<option></option>")
      .attr("value", tz)
      .text(text)
    );
  }
}

function toggleMenu() {               // Hamburger Button
  $("#layout").toggleClass("active");
  $("#menu").toggleClass("active");     //???
  $("#menuLink").toggleClass("active"); //???
}

function beforHC () {
  if(window.confirm("Die nachfolgende Grafik wird mit einer Bibliothek von Highcharts.com erzeugt.\n\
Nur der private Gebrauch ist gestattet."))
  onload2();
}
function showPanel() {              // menu click select panel
  try {highchartDestroy(false);}
  catch(e) {};
  $(".panel").hide();
  if($("#layout").hasClass("active")) {
    toggleMenu();
  }
  $("#" + $(this).attr("data")).show();
  if ($(this).attr('data')=='panel-home') {
    if ($('#timing').prop('checked') == false) $(".home_details").hide();
  }
  if ($(this).attr('data')=='panel-graf') {
    try {
      onload2();    // create chart
    }
    catch (e) {     // dyn. load js-files
      jQuery.getScript('chart.js', function(){
        try {
          let test=Highcharts.version;
        }
        catch (e) {
          //console.log(e);
          jQuery.getScript('https://cdnjs.cloudflare.com/ajax/libs/highstock/5.0.14/highstock.js', function(){
            beforHC();
          });
          return;
        }
        beforHC();
      });
    }
  }
  if ($(this).attr('data')=='panel-general') {
    if ($('#use_auth').prop('checked') == false) $(".auth_details").hide();
    if ($('#thingspeak_aktiv').prop('checked') == false) $(".things_details").hide();
  }
  else if ($(this).attr('data')=='panel-mqtt') {
    if ($('#mqtt_enabled').prop('checked') == false) $(".mqtt_details").hide();
  }
  else if ($(this).attr('data')=='panel-status') {
    websock.send('{"command":"status"}');
  }
  else if ($(this).attr('data')=='panel-wifi') {
    if ($('#dhcp').prop('checked') == true) $(".wifi_details").hide();
    websock.send('{"command":"scan_wifi"}');
  }
  else if ($(this).attr('data')=='panel-log') {
    websock.send('{"command":"geteventlog","page":'+logpage+'}');
  }
}

function progressAnimate(id,time) {
  var pbar=$("#"+id);
  pbar.prop('max',time);
  pbar.val(0);
  pbar.show();
  var tm=time / (time/100);
  var iv=tm;
  var ticker=setInterval(function(){
    pbar.val(tm);
    tm+=iv;
    if (tm>time) {
      pbar.hide();
      clearInterval(ticker);
    }
  },tm);
}

function doUpdateGeneral() {                 // button save config
  progressAnimate('prgbar_general',300);
  let boot=($("#use_auth").prop("checked")!=config_general.use_auth);
  $(".general").each(function () {
    if ($(this).prop('type') == 'checkbox') config_general[this.name] = $(this).prop('checked');
    else config_general[this.name] = this.value;
  });
  if (config_general.thingspeak_aktiv) $(".menu-graf").show();
  else $(".menu-graf").hide();
  websock.send(JSON.stringify(config_general));
  if (boot) doReboot("Wenn die Authentifizierung ein- oder ausgeschaltet wurde, muss neu gebootet werden.\n")
}
function doUpdateWiFi() {
  progressAnimate('prgbar_wifi',300);
  $(".wifi").each(function () {
    if ($(this).prop('type') == 'checkbox') config_wifi[this.name] = $(this).prop('checked');
    else if ($(this).prop('type') == 'text') {
      if (this.name!='ssid') {
        config_wifi[this.name] = this.value.replaceAll(" ", "");
      }else config_wifi[this.name] = this.value;
    }
    else config_wifi[this.name] = this.value;
  })
  websock.send(JSON.stringify(config_wifi));
}
function doUpdateMQTT() {
  progressAnimate('prgbar_mqtt',300);
  $(".mqtt").each(function () {
    if ($(this).prop('type') == 'checkbox') config_mqtt[this.name] = $(this).prop('checked');
    else if ($(this).prop('type') == 'text')config_mqtt[this.name] = this.value.replaceAll(" ","");
    else config_mqtt[this.name] = this.value;
  })
  websock.send(JSON.stringify(config_mqtt));
}

function doReboot(msg) {
  if(window.confirm(msg+"Neustart mit OK bestätigen, dann 10s warten...")) {
    websock.send('{"command":"restart"}');
    doReload(7000);
  }
}

function doReload(milliseconds) {
  websock.close();
  $("#layout").hide();
  setTimeout(function() {
    window.location.reload();
  }, parseInt(milliseconds, 10));
}

function doUpgrade () {               // firmware update
  var file = $("input[name='upgrade']")[0].files[0];
  if(typeof file === "undefined") {
    alert("Zuerst muss eine lokale Datei gewählt werden!");
    return false;
  }
  var data = new FormData();
  data.append("update",file,file.name);       // www.mediaevent.de/javascript/ajax-2-xmlhttprequest.html
  var xhr = new XMLHttpRequest();     // https://javascript.info/xmlhttprequest
  var msg_ok = "Firmware geladen, Gerät wird neu gestartet. Die Verbindung wird in 15 Sekunden neu aufgebaut.";
  var msg_err = "Fehler beim Laden der Datei. Bitte wiederholen. ";

  var network_error = function(e) {
    alert(msg_err + " xhr request " + e.type);
  };
  xhr.addEventListener("error", network_error, false);
  xhr.addEventListener("abort", network_error, false);
  xhr.addEventListener("load", function(e) {
    if(xhr.status===200) {
        if (file.name.startsWith("firmware")) {
          $("#prgbar_update").hide();
          alert(msg_ok);
          doReload(15000);
        }
    }
    else alert(msg_err + xhr.status.toString() + " " + xhr.statusText + ", " + xhr.responseText);
  }, false);
  // xhr.upload.onprogress liefert keine vernünftigne Daten im Kurzzeitbereich
  xhr.open("POST",UpdateUri);
  xhr.send(data);
  if (file.name.startsWith("firmware"))
    progressAnimate('prgbar_update',10000);
  else progressAnimate('prgbar_update',400);
}

function mqttDetails() {  // display settings only if mqtt active
  if ($(this).prop('checked')) $(".mqtt_details").show();
  else $(".mqtt_details").hide();
}

function wifiDetails() {  // display settings only if dhcp active
  if ($(this).prop('checked')) $(".wifi_details").hide();
  else $(".wifi_details").show();
}

function thingsDetails() {  // display settings only if thingspeak active
  if ($(this).prop('checked')) $(".things_details").show();
  else $(".things_details").hide();
}

function authDetails() {  // display settings only if auth active
  if ($(this).prop('checked')) $(".auth_details").show();
  else $(".auth_details").hide();
}

function login() {
  var xhr = new XMLHttpRequest();
  xhr.onload = function (e) {
    if (xhr.readyState === 4) {
      if (xhr.status === 200) {
//        console.log("login")
        connectWS();
      }
    }
  }
  xhr.open("get", loginUri);
  xhr.send(null);
}

function toggleVisiblePassword() {
  var elem = this.previousElementSibling;
  if(elem.type === "password") {
    elem.type = "text";
  }
  else {
    elem.type = "password";
  }
  return false;
}

function doLogNext() {
  if (logpage < logpagenr) {
    logpage++;
    websock.send('{"command":"geteventlog","page":'+logpage+'}');
  }
}

function doLogPrev() {
  if (logpage>1) logpage--;
  websock.send('{"command":"geteventlog","page":'+logpage+'}');
}

function doLogClear () {
  if(window.confirm("Log-Datei löschen. Sicher?"))
  websock.send('{"command":"clearevent"}');
  logpage=1;
  doLogPrev();
}

function test () {
  websock.send('{"command":"test"}');
}

function clear () {
  websock.send('{"command":"clear"}');
}

$(function() {            // main
  loadTimeZones();
  createCheckboxes();

  $(".password-reveal").on("click", toggleVisiblePassword);
  $("#menuLink").on("click", toggleMenu);
  $(".pure-menu-link").on("click", showPanel);
  $(".button-update-general").on("click", doUpdateGeneral);  // save config
  $(".button-update-wifi").on("click", doUpdateWiFi);  // save config
  $(".button-update-mqtt").on("click", doUpdateMQTT);  // save config
  //$(".button-update-ntp").on("click", doUpdateNTP);  // save config
  $(".button-log-prev").on("click", doLogPrev);  // Logpage
  $(".button-log-next").on("click", doLogNext);  // Logpage
  $(".button-log-clear").on("click", doLogClear);  // Logpage
  $(".button-hist_clear").on("click", function(){
    if(window.confirm("Tagesverbrauch Wochentage löschen. Sicher?")) {
      websock.send('{"command":"clearhist"}');
      for (let i=0;i<7;i++ ) {
        $("#wd"+i).html('');
        $("#wd_in" +i).html('');
        $("#wd_out"+i).html('');
        $("#wd_diff"+i).html('');
      }
    }
  });
  $(".button-reboot").on("click", function () {
    doReboot("");
  });
  $(".button-graf").on("click", function (){
    highchartDestroy(true);
  });
  $("input[name='mqtt_enabled']").on("click", mqttDetails);
  $("input[name='dhcp']").on("click", wifiDetails);
  $("input[name='thingspeak_aktiv']").on("click", thingsDetails);
  $("input[name='use_auth']").on("click", authDetails);
  $(".button-upgrade").on("click", doUpgrade);      // firmware update
  $(".button-upgrade-browse").on("click", function() {
    $("input[name='upgrade']")[0].click();  // unsichtbaren Button klicken!
    return false;
  });
  $("input[name='upgrade']").change(function() {
    var file = this.files[0];               // copy Auswahl vom unsichtbaren auf sichtbaren Input
    $("input[name='filename']").val(file.name);
  });
  updateElements(config_general);     // vordefinierte configs übernehmen
  updateElements(config_wifi);
  updateElements(config_mqtt);
  let host=window.location.hostname;
  wsUri = "ws://" + host + "/ws";
  loginUri = "http://" + host + "/login";
  UpdateUri = "http://" + host + "/update";
  if (host=="localhost") {
    wsUri = "ws://192.168.2.20/ws";
    loginUri = "http://192.168.2.20/login";
    UpdateUri= "http://192.168.2.20/update"
  }
  login();
});

GOETSCHHOFER

@Homoran

Die Regex stimmt soweit, aber ich bekomme mit dieser Regex keine Werte in den Objekten im iobroker.

Was könnte dies noch für einen Grund haben ?

Homoran

@goetschhofer Was willst du mir damit sagen?
Die Seite lässt sich nicht mit dem Parser auslesen, da die Werte dynamisch ausserhalb des Quelltextes geholt werden.
und nur der Quelltext kann geparst werden.

Das hatten wir alles schon einmal und ändert sich nicht
du arbeitest nicht mit dem Quelltext sondern mit der HTML-Seite, die der Browaser aufbaut.
Darauf hat der Parser keinen Zugriff

GOETSCHHOFER

@homoran

Vielen Dank nochmals für die Klarstellung und Erläuterung.

Homoran

@goetschhofer sagte in Parser Adapter:

@homoran

Vielen Dank nochmals für die Klarstellung und Erläuterung.

wo ist denn der Quelltext?

@homoran sagte in Parser Adapter:

dazu brauche ich den echten Seitenquelltext (rechte Maustaste in die Seite wo die Werte stehen und Seitenquelltext anzeigen anklicken)

@goetschhofer sagte in Parser Adapter:

Die Regex stimmt soweit,

selbst das stimmt nicht, außer du willst den RegEx in php verwenden.
iobroker nutzt aber Javascript.

GOETSCHHOFER

@homoran said in Parser Adapter:

wo ist denn der Quelltext?

@homoran sagte in Parser Adapter:

dazu brauche ich den echten Seitenquelltext (rechte Maustaste in die Seite wo die Werte stehen und Seitenquelltext anzeigen anklicken)

@goetschhofer sagte in Parser Adapter:

Die Regex stimmt soweit,

selbst das stimmt nicht, außer du willst den RegEx in php verwenden.
iobroker nutzt aber Javascript.

Seitenquelltext anzeigen mit rechter Maustaste:

<!doctype html>
<html lang="de">
<head>
    <!--<meta http-equiv="Content-Security-Policy" content="default-src * 'unsafe-inline' 'unsafe-eval';">-->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ESP-Device</title>
    <link rel="stylesheet" href="custom.css">
    <link rel="icon" type="image/png" href="data:image/png;base64,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">
    <script src="jquery351.js"></script>
</head>
<body>
<div id="layout">  <!--This is the parent `<div>` that contains the menu and the content area :: side-menu.css-->
    <!-- Menu toggle -->
    <!--<a href="#menu" id="menuLink" class="menu-link">-->
    <a id="menuLink" class="menu-link">
        <!-- Hamburger icon -->
        <span></span>
    </a>
    <div id="menu">
        <div class="pure-menu">
            <!--<a class="pure-menu-heading" href="#">Device</a>-->
            <span class="pure-menu-heading" name="devicetype">DeviceType</span>
            <ul class="pure-menu-list">
                <li class="pure-menu-item"><a class="pure-menu-link" data="panel-home">Zähler</a></li>
                <li class="pure-menu-item menu-graf"><a class="pure-menu-link" data="panel-graf">Grafik</a></li>
                <li class="pure-menu-item"><a class="pure-menu-link" data="panel-log">Log</a></li>
                <li class="pure-menu-item"><a class="pure-menu-link" data="panel-status">Status</a></li>
                <li class="pure-menu-item"><a class="pure-menu-link" data="panel-general">Allgemein</a></li>
                <li class="pure-menu-item"><a class="pure-menu-link" data="panel-wifi">WiFi</a></li>
                <li class="pure-menu-item"><a class="pure-menu-link" data="panel-mqtt">MQTT</a></li>
                <li class="pure-menu-item"><a class="pure-menu-link" data="panel-update">Update</a></li>
                <li class="pure-menu-item"><a class="pure-menu-link" data="panel-hist">Versionsinfo</a></li>
            </ul>
        </div>
    </div>

    <div class="content">  <!--The content `<div>` is where all your content goes.  :: side-menu.css-->
      <div class="panel" id="panel-graf">
        <div id="chart-container" class="chart">
            <br>Daten von Thingspeak werden geladen...<br>
        </div>
        <div class="chart-below">
        <div class="pure-g">
          <div class="pure-u-1 pure-u-sm-1-5">
            <button class="pure-button button-load" onclick="loadOneChannel();" style="margin-left: 10px;width:160px;">Daten nachladen:</button>
          </div>
          <select class="pure-u-1 pure-u-sm-1-5" style="margin-left: 10px;" id="Loads">
            <option selected="selected" value="1">1 Tag</option>
            <option value="2">2 Tage</option>
            <option value="3">3 Tage</option>
            <option value="4">4 Tage</option>
            <option value="5">5 Tage</option>
            <option value="6">6 Tage</option>
            <option value="7">7 Tage</option>
            <option value="8">8 Tage</option>
            <option value="9">9 Tage</option>
            <option value="10">10 Tage</option>
          </select>
          <select id="ChannelSelect" class="pure-u-1 pure-u-sm-1-5" style="margin-left: 10px;"></select>
          <div class="pure-u-1 pure-u-sm-1-5">
            <button class="pure-button button-graf" style="margin-left:10px;width:160px;">Chart neu laden</button>
          </div>
        </div>
        <div class="pure-g">
          <label class="pure-u-1 pure-u-sm-1-5">Grafikdaten autom. aktualisieren</label>
          <div class="pure-u-1 pure-u-sm-1-5 on_off">
            <input id="Update" name="Update" type="checkbox" class="">
          </div>
          <div class="pure-u-1 pure-u-sm-2-5"></div>
        </div>
        </div>
      </div>

      <div class="panel" id="panel-home">
        <div class="header">
            <h1>AMIS-Zähler</h1>
            <br>
        </div><br>
        <div class="amis">
            <div class="pure-u-11-24">Uhrzeit (Zähler)</div>
            <div class="pure-u-11-24" name="now"></div>
            <div class="pure-u-11-24">1.8.0 (Energie A+)</div>
            <strong><div class="pure-u-11-24" name="1_8_0" post=" kWh" div="1000"></div></strong>
            <div class="pure-u-11-24">2.8.0 (Energie A-)</div>
            <strong><div class="pure-u-11-24" name="2_8_0" post=" kWh" div="1000"></div></strong>
            <div class="pure-u-11-24">3.8.1 (Energie R+)</div>
            <div class="pure-u-11-24" name="3_8_1" post=" kVarh" div="1000"></div>
            <div class="pure-u-11-24">4.8.1 (Energie R-)</div>
            <div class="pure-u-11-24" name="4_8_1" post=" kVarh" div="1000"></div>
            <div class="pure-u-11-24">1.7.0 (Wirk. P+)</div>
            <strong><div class="pure-u-11-24" name="1_7_0" post=" kW" div="1000"></div></strong>
            <div class="pure-u-11-24">2.7.0 (Wirk. P-)</div>
            <strong><div class="pure-u-11-24" name="2_7_0" post=" kW" div="1000"></div></strong>
            <div class="pure-u-11-24">Saldo 1.7.0-2.7.0</div>
            <strong><div class="pure-u-11-24" id="saldo"></div></strong>
            <div class="pure-u-11-24">3.7.0 (Blind. Q+)</div>
            <div class="pure-u-11-24" name="3_7_0" post=" kVar" div="1000"></div>
            <div class="pure-u-11-24">4.7.0 (Blind. Q-)</div>
            <div class="pure-u-11-24" name="4_7_0" post=" kVar" div="1000"></div>
            <div class="pure-u-11-24">1.128.0 (Inkasso)</div>
            <div class="pure-u-11-24" name="1_128_0"></div>
            <br><hr>
            <div class="pure-u-11-24">Uptime</div>
            <div class="pure-u-11-24" name="uptime"></div>
            <div class="pure-u-11-24">Upload Thingspeak</div>
            <div class="pure-u-11-24" name="things_up"></div>
            <br><hr>
            <h3>Energie [kWh]</h3>
            <div class="pure-u-1">
              <table class="pure-table pure-table-striped" width="100%">
                <thead><tr><th>Tag</th><th align="right">Bezug</th><th align="right">Lfrg.</th><th align="right">Diff.</th></tr></thead>
                <Tbody>
                  <tr><td>Heute</td>    <td align="right" id="tdy_in"></td><td align="right" id="tdy_out"></td><td align="right" id="tdy_diff"></td></tr>
                  <tr><td id="wd0"></td><td align="right" id="wd_in0"></td><td align="right" id="wd_out0"></td><td align="right" id="wd_diff0"></td></tr>
                  <tr><td id="wd1"></td><td align="right" id="wd_in1"></td><td align="right" id="wd_out1"></td><td align="right" id="wd_diff1"></td></tr>
                  <tr><td id="wd2"></td><td align="right" id="wd_in2"></td><td align="right" id="wd_out2"></td><td align="right" id="wd_diff2"></td></tr>
                  <tr><td id="wd3"></td><td align="right" id="wd_in3"></td><td align="right" id="wd_out3"></td><td align="right" id="wd_diff3"></td></tr>
                  <tr><td id="wd4"></td><td align="right" id="wd_in4"></td><td align="right" id="wd_out4"></td><td align="right" id="wd_diff4"></td></tr>
                  <tr><td id="wd5"></td><td align="right" id="wd_in5"></td><td align="right" id="wd_out5"></td><td align="right" id="wd_diff5"></td></tr>
                  <tr><td id="wd6"></td><td align="right" id="wd_in6"></td><td align="right" id="wd_out6"></td><td align="right" id="wd_diff6"></td></tr>
                </Tbody>
              </table>
            </div>
        </div>
      </div>

      <div class="panel pure-form" id="panel-status">
        <div class="header">
            <h1>STATUS 🛈</h1>
            <br>
        </div>
        <div class="pure-u-1 pure-u-lg-1-2 state">
            <div class="pure-u-1-2">Chip ID</div>
            <div class="pure-u-11-24"><span class="right" name="chipid"></span></div>
            <div class="pure-u-1-2">Wifi MAC</div>
            <div class="pure-u-11-24"><span class="right" name="mac"></span></div>
            <div class="pure-u-1-2">SDK version</div>
            <div class="pure-u-11-24"><span class="right" name="sdk"></span></div>
            <div class="pure-u-1-2">Core version</div>
            <div class="pure-u-11-24"><span class="right" name="core"></span></div>
            <div class="pure-u-1-2">App version</div>
            <div class="pure-u-11-24"><span class="right" name="version"></span></div>
            <div class="pure-u-1-2">App name</div>
            <div class="pure-u-11-24"><span class="right" name="app_name"></span></div>
            <div class="pure-u-1-2">Firmware size</div>
            <div class="pure-u-11-24"><span class="right" name="sketchsize" post=" bytes"></span></div>
            <div class="pure-u-1-2">Free space</div>
            <div class="pure-u-11-24"><span class="right" name="freesize" post=" bytes"></span></div>
            <div class="pure-u-1-2">LITTLE-FS size</div>
            <div class="pure-u-11-24"><span class="right" name="littlefs_size" post=" bytes"></span></div>
            <div class="pure-u-1-2">LITTLE-FS used</div>
            <div class="pure-u-11-24"><span class="right" name="littlefs_used" post=" bytes"></span></div>
            <div class="pure-u-1-2">Max. free block size</div>
            <div class="pure-u-11-24"><span class="right" name="max_free_blocksz" post=" bytes"></span></div>
            <div class="pure-u-1-2">Free heap</div>
            <div class="pure-u-11-24"><span class="right" name="heap_free" post=" bytes"></span></div>
            <div class="pure-u-1-2">Heap fragmentation</div>
            <div class="pure-u-11-24"><span class="right" name="heap_fragment" post=" %"></span></div>
            <div class="pure-u-1-2">Flash speed</div>
            <div class="pure-u-11-24"><span class="right" name="flashspeed" post=" Hz"></span></div>
            <div class="pure-u-1-2">Flash size</div>
            <div class="pure-u-11-24"><span class="right" name="flashsize" post=" bytes"></span></div>
            <div class="pure-u-1-2">Flash mode</div>
            <div class="pure-u-11-24"><span class="right" name="flashmode"></span></div>
            <div class="pure-u-1-2">CPU Frequ.</div>
            <div class="pure-u-11-24"><span class="right" name="cpu" post=" MHz"></span></div>
        </div>
        <div class="pure-u-1 pure-u-lg-11-24 state">
            <div class="pure-u-1-2">Network</div>
            <div class="pure-u-11-24" name="ssid"></div>
            <div class="pure-u-1-2">Channel</div>
            <div class="pure-u-11-24" name="channel"></div>
            <div class="pure-u-1-2">RSSI</div>
            <div class="pure-u-11-24" name="rssi" post=" dB"></div>
            <div class="pure-u-1-2">IP</div>
            <div class="pure-u-11-24" name="deviceip"></div>
            <div class="pure-u-1-2">DNS</div>
            <div class="pure-u-11-24" name="dns"></div>
            <div class="pure-u-1-2">Gateway</div>
            <div class="pure-u-11-24" name="gateway"></div>
            <div class="pure-u-1-2">Netmask</div>
            <div class="pure-u-11-24" name="netmask"></div>
            <div class="pure-u-1-2">VCC</div>
            <div class="pure-u-11-24"><span class="right" name="vcc">? </span><span>mV</span></div>
            <div class="pure-u-1-2 module-mqtt">MQTT Status</div>
            <div class="pure-u-11-24 module-mqtt" name="mqttStatus"></div>
            <div class="pure-u-1-2 module-ntp">NTP Status</div>
            <div class="pure-u-11-24 module-ntp" name="ntpSynced"></div>
            <div class="pure-u-1-2 module-ntp">Current time</div>
            <div class="pure-u-11-24 module-ntp" name="now"></div>
            <div class="pure-u-1-2">Uptime</div>
            <div class="pure-u-11-24" name="uptime"></div>
        </div>
      </div>

      <div class="panel  pure-form" id="panel-general">
        <div class="header">
            <h1>Allgemein</h1>
            <!--<h3>Current configuration</h3>-->
            <br>
        </div>
        <br>
        <div class="pure-g">
            <label class="pure-u-1 pure-u-sm-1-5">Name Gerät:</label>
            <input class="pure-u-1 pure-u-sm-2-5 general" type="text" name="devicename" placeholder="ESP-Device" />
        </div>
            <br>
        <div class="pure-g">
            <label class="pure-u-1 pure-u-sm-1-5">Authentifizierung:</label>
            <div class="pure-u-1 pure-u-sm-2-5"><input type="checkbox" name="use_auth" id="use_auth" class="general"/></div>
        </div>
        <div class="auth_details">
          <div class="pure-g">
            <label class="pure-u-1 pure-u-sm-1-5">Benutzer:</label>
            <input class="pure-u-1 pure-u-sm-2-5 general" name="auth_user" value="Admin"/>
          </div>
          <div class="pure-g">
            <label class="pure-u-1 pure-u-sm-1-5">Passwort:</label>
            <input class="pure-u-1 pure-u-sm-2-5 general" name="auth_passwd" type="password" spellcheck="false" />
            <span class="no-select password-reveal"></span>
          </div>
        </div>
        <div class="pure-g">
            <label class="pure-u-1 pure-u-sm-1-5">System-Log:</label>
            <div class="pure-u-1 pure-u-sm-2-5"><input type="checkbox" name="log_sys" id="log_sys" class="general"/></div>
        </div>
          <br>
        <div style="display:block;">
            <div class="pure-g">
                <label class="pure-u-1 pure-u-sm-1-5">Amis-Key:</label>
                <input class="pure-u-1 pure-u-sm-2-5 general" type="text" name="amis_key"/>
            </div>
                <br>
            <div class="pure-g">
                <label class="pure-u-1 pure-u-sm-1-5">ThingSpeak/Highcharts aktiv:</label>
                <div class="pure-u-1 pure-u-sm-1-5"><input type="checkbox" name="thingspeak_aktiv" id="thingspeak_aktiv" class="general"/></div>
            </div>
            <div class="things_details">
              <div class="pure-g">
                  <label class="pure-u-1 pure-u-sm-1-5">Channel ID:</label>
                  <input class="pure-u-1 pure-u-sm-2-5 general" type="text" name="channel_id"/>
              </div>
              <div class="pure-g">
                  <label class="pure-u-1 pure-u-sm-1-5">Write API Key:</label>
                  <input class="pure-u-1 pure-u-sm-2-5 general" type="text" name="write_api_key"/>
              </div>
              <div class="pure-g">
                  <label class="pure-u-1 pure-u-sm-1-5">Read API Key:</label>
                  <input class="pure-u-1 pure-u-sm-2-5 general" type="text" name="read_api_key"/>
              </div>
              <div class="pure-g">
                  <label class="pure-u-1 pure-u-sm-1-5">Intervall (sec):</label>
                  <input class="pure-u-1 pure-u-sm-2-5 general" type="number" min="30" name="thingspeak_iv"/>
              </div>
                  <hr>
                  <br>
                  Daten für einen zweiten Zähler abrufen:
                  <br><br>
              <div class="pure-g">
                  <label class="pure-u-1 pure-u-sm-1-5">Channel ID:</label>
                  <input class="pure-u-1 pure-u-sm-2-5 general" type="text" name="channel_id2"/>
              </div>
              <div class="pure-g">
                  <label class="pure-u-1 pure-u-sm-1-5">Read API Key:</label>
                  <input class="pure-u-1 pure-u-sm-2-5 general" type="text" name="read_api_key2"/>
              </div>
            </div>
        </div>
        <hr>
        <div class="pure-g">
          <div class="pure-u-1 pure-u-sm-1-5"><progress id="prgbar_general"></progress></div>
          <div style="min-height: 40px"></div>
        </div>
        <div class="pure-g">
          <div class="pure-u-1 pure-u-sm-3-5">
            <button class="pure-button button-update-general">Übernehmen</button>
            <button class="pure-button button-reboot">Neustart</button>
          </div>
        </div>
      </div>

      <div class="panel pure-form" id="panel-wifi">
        <div class="header">
            <h1>WiFi 📶</h1>
            <h2>Gerätebezeichnung (Hostname) bei "Allgemein" festlegen</h2>
        </div>
        <br>
        <div class="pure-g">
          <label class="pure-u-1 pure-u-sm-1-5">SSID:</label>
          <input class="pure-u-1 pure-u-sm-2-5 wifi" name="ssid" type="text"/>
        </div>
        <div class="pure-g">
          <label class="pure-u-1 pure-u-sm-1-5">Passwort:</label>
          <input class="pure-u-1 pure-u-sm-2-5 wifi" name="wifipassword" type="password"/>
          <span class="no-select password-reveal"></span>
        </div>
        <div class="pure-g">
          <label class="pure-u-1 pure-u-sm-1-5">DHCP</label>
          <div class="pure-u-1 pure-u-sm-2-5  on_off"><input type="checkbox" name="dhcp" id="dhcp" class="wifi" /></div>
        </div>
        <div class="wifi_details">
          <div class="pure-g">
            <label class="pure-u-1 pure-u-sm-1-5">Static IP:</label>
            <input class="pure-u-1 pure-u-sm-2-5 wifi" name="ip_static" type="text"/>
          </div>
          <div class="pure-g">
            <label class="pure-u-1 pure-u-sm-1-5">Netmask:</label>
            <input class="pure-u-1 pure-u-sm-2-5 wifi" name="ip_netmask" type="text"/>
          </div>
          <div class="pure-g">
            <label class="pure-u-1 pure-u-sm-1-5">Gateway:</label>
            <input class="pure-u-1 pure-u-sm-2-5 wifi" name="ip_gateway" type="text"/>
          </div>
          <div class="pure-g">
            <label class="pure-u-1 pure-u-sm-1-5">Nameserver:</label>
            <input class="pure-u-1 pure-u-sm-2-5 wifi" name="ip_nameserver" type="text"/>
          </div>
        </div>
        <div class="pure-g">
          <label class="pure-u-1 pure-u-sm-1-5">RF-Power:</label>
          <input class="pure-u-1 pure-u-sm-1-5 wifi" name="rfpower" type="number" min="0" max="25" placeholder="0..25dBm"/>
          <span class="pure-u-1 pure-u-sm-1-5">&nbsp;&nbsp;dBm</span>
        </div>
        <div class="pure-g">
          <label class="pure-u-1 pure-u-sm-1-5">MDNS</label>
          <div class="pure-u-1 pure-u-sm-2-5 on_off"><input type="checkbox" name="mdns" class="wifi" /></div>
          <div class="pure-u-1 pure-u-sm-3-5"></div>
          <div class="pure-u-1 pure-u-sm-1-5"></div>
          <div class="pure-u-1 pure-u-sm-4-5 hint">
              Wenn der Browser / das BS MDNS unterstützen, kann dieses Gerät unter "<span name="devicename" class="wifi"></span>.local" erreicht werden.
              Das Verfahren ist auch als Bonjour bekannt.
          </div>
        </div>
        <div class="pure-g">
          <div class="pure-u-1 pure-u-sm-1-5"><progress id="prgbar_wifi"></progress></div>
          <div style="min-height:40px"></div>
        </div>
        <div class="pure-g">
          <div class="pure-u-1 pure-u-sm-3-5">
            <button class="pure-button button-update-wifi">Übernehmen</button>
            <button class="pure-button button-reboot">Neustart</button>
          </div>
        </div>
        <hr>
        <div class="pure-g">
          <label class="pure-u-1 pure-u-sm-1-5">WiFi-Scan</label>
          <div class="pure-u-1 pure-u-sm-4-5"><span name="stations"></span></div>
        </div>
      </div>

      <div class="panel pure-form" id="panel-mqtt">
          <div class="header">
              <h1>MQTT</h1>
              <h2>Einen MQTT broker im lokalen Netzwerk definieren.</h2>
          </div>
          <br>
          <div class="pure-g">
              <label class="pure-u-1 pure-u-sm-1-5">MQTT aktiv:</label>
              <div class="pure-u-1 pure-u-sm-2-5"><input type="checkbox" name="mqtt_enabled" id="mqtt_enabled" class="mqtt"/></div>
          </div>
          <div class="mqtt_details">
            <div class="pure-g">
                <label class="pure-u-1 pure-u-sm-1-5">MQTT Broker</label>
                <input class="pure-u-1 pure-u-sm-2-5 mqtt" name="mqtt_broker" type="text" placeholder="IP or address of your broker" />
            </div>
            <div class="pure-g">
                <label class="pure-u-1 pure-u-sm-1-5">MQTT Port</label>
                <input class="pure-u-1 pure-u-sm-2-5 mqtt" name="mqtt_port" type="number" value="1883" />
            </div>
            <div class="pure-g">
                <label class="pure-u-1 pure-u-sm-1-5">MQTT User</label>
                <input class="pure-u-1 pure-u-sm-2-5 mqtt" name="mqtt_user" type="text" placeholder="Frei lassen wenn kein Benutzer definiert ist" autocomplete="off" />
            </div>
            <div class="pure-g">
                <label class="pure-u-1 pure-u-sm-1-5">MQTT Passwort</label>
                <input class="pure-u-1 pure-u-sm-2-5 mqtt" name="mqtt_password" type="password" placeholder="Frei lassen wenn kein Passwort definiert ist" autocomplete="new-password" spellcheck="false" />
                <span class="no-select password-reveal"></span>
            </div>
            <div class="pure-g">
                <label class="pure-u-1 pure-u-sm-1-5">MQTT Client ID</label>
                <input class="pure-u-1 pure-u-sm-2-5 mqtt" name="mqtt_clientid" type="text"/>
                <div class="pure-u-0 pure-u-sm-2-5"></div>
                <div class="pure-u-0 pure-u-sm-1-5"></div>
                <div class="pure-u-1 pure-u-sm-2-5 hint">
                    Wenn nicht definiert, wird automatisch eine ID generiert
                </div>
            </div>
            <div class="pure-g">
                <label class="pure-u-1 pure-u-sm-1-5">MQTT QoS</label>
                <select class="pure-u-1 pure-u-sm-2-5 mqtt" name="mqtt_qos">
                    <option value="0">0: At most once</option>
                    <option value="1">1: At least once</option>
                    <option value="2">2: Exactly once</option>
                </select>
            </div>
            <div class="pure-g">
                <label class="pure-u-1 pure-u-sm-1-5">MQTT Retain</label>
                <div class="pure-u-1 pure-u-sm-2-5"><input type="checkbox" name="mqtt_retain" class="mqtt"/></div>
            </div>
            <div class="pure-g">
                <label class="pure-u-1 pure-u-sm-1-5">MQTT Keep Alive</label>
                <input class="pure-u-1 pure-u-sm-1-5 mqtt" type="number" name="mqtt_keep" min="0" max="3600" value="30"/>
                <span class="pure-u-1 pure-u-sm-1-5">&nbsp;&nbsp;sec</span>
            </div>
            <div class="pure-g">
                <div class="pure-u-1 pure-u-sm-1-5"></div>
                <div class="pure-u-1 pure-u-sm-2-5 hint">
                    Die publish-message wird im definierten Intervall gesendet.
                </div>
            </div>
            <div class="pure-g">
              <label class="pure-u-1 pure-u-sm-1-5">MQTT publish:</label>
              <input class="pure-u-1 pure-u-sm-2-5 mqtt" name="mqtt_pub" type="text"/>
            </div>
            <!--<div class="pure-g">-->
              <!--<label class="pure-u-1 pure-u-sm-1-5">MQTT subscribe:</label>-->
              <!--<input class="pure-u-1 pure-u-sm-2-5 mqtt" name="mqtt_sub" type="text"/>-->
            <!--</div>-->
            <div class="pure-g">
              <label class="pure-u-1 pure-u-sm-1-5">MQTT Last Will:</label>
              <input class="pure-u-1 pure-u-sm-2-5 mqtt" name="mqtt_will" type="text"/>
            </div>
          </div>
          <hr>
          <div class="pure-g">
            <div class="pure-u-1 pure-u-sm-1-5"><progress id="prgbar_mqtt"></progress></div>
            <div style="min-height:40px"></div>
          </div>
          <div class="pure-g">
            <div class="pure-u-1 pure-u-sm-3-5">
              <button class="pure-button button-update-mqtt">Übernehmen</button>
              <button class="pure-button button-reboot">Neustart</button>
            </div>
          </div>
      </div>

      <div class="panel pure-form" id="panel-update">
          <div class="header">
              <h1>Software-Update ♺</h1>
              <!--<h4>Configure your NTP (Network Time Protocol) servers and local configuration to keep your device time up to the second for your location.</h4>-->
            <br>
          </div>
          <br><br><br>
          <div class="pure-g">
              <label class="pure-u-1 pure-u-sm-1-5">Datei:</label>
              <input class="pure-u-1 pure-u-sm-2-5" name="filename" type="text" readonly />
          </div>
          <div class="pure-g">
            <div class="pure-u-1 pure-u-sm-1-5"><progress id="prgbar_update"></progress></div>
            <div style="min-height:40px"></div>
          </div>
          <div class="main-buttons pure-g">
              <button class="pure-button button-upgrade-browse pure-u-1 pure-u-sm-2-24">Auswahl</button>
              <div class="pure-u-1 pure-u-sm-1-24"></div>
              <button class="pure-button button-upgrade pure-u-1 pure-u-sm-2-24">Update</button>
              <div class="pure-u-1 pure-u-sm-1-24"></div>
              <button class="pure-button button-reboot pure-u-1 pure-u-sm-2-24">Neustart</button>
          </div>
          <input name="upgrade" type="file" style="display:none;"/>
      </div>

      <div class="panel" id="panel-log">
          <div class="header">
              <h1>LOG 🗊</h1>
              <!--<h2> style="color:#555;">-->
              <h2>
                  Ereignisse anzeigen
              </h2>
          </div>
          <br>
          <div class="pure-g">
            <div class="pure-u-2-5 "><span name="page"></span></div>
          </div>
          <div class="pure-g">
              <div class="pure-u-1 log"><span class="terminal" name="list"></span></div>
              <!--<div class=""><span class="terminal" name="list"></span></div>-->
          </div>
          <br>
          <div class="pure-g">
              <div class="pure-u-1 pure-u-sm-1-5"><button class="pure-button button-log-prev">Seite -</button></div>
              <div class="pure-u-1 pure-u-sm-1-5"><button class="pure-button button-log-next">Seite +</button></div>
              <div class="pure-u-1 pure-u-sm-1-5"><button class="pure-button button-log-clear">Log löschen</button></div>
          </div>
          <br>
          <div class="pure-g">
              <div class="pure-u-1 pure-u-sm-1-5">Tagesverbrauch</div>
              <div class="pure-u-1 pure-u-sm-1-5"><button class="pure-button button-hist_clear">Löschen</button></div>
          </div>
      </div>
      <div class="panel" id="panel-hist">
          <div class="header">
              <h1>Versionsinfo</h1>
          </div>
          <br>
          <div class="pure-g hist">
            <div class="pure-u-1">
              <h3>Version 1.2.0</h3>
              Neues Filesystem LittleFs eingeführt. Leider gehen dadurch alle Konfigurations- und Logdateien verloren.
              Kleine Bugs behoben.
              <br>
              <h3>Version 1.1.5</h3>
              Antwort auf rest-Anfrage ist gesperrt, so lange Zähler nicht synchron ist.
              <br>
              <h3>Version 1.1.4</h3>
              Alle Web-Dateien werden vom lokalen Server bereitgestellt, d.h. kein Nachladen aus externen Quellen ist notwendig. Ausnahme: Chart-Grafik, aber dazu ist grundsätzlich eine Internetverbindung notwendig.
              <br>
              Logdatei und Log-Anzeige: übersteigt die Größe der Logdatei ca. 1000 Zeilen, dann wird sie gelöscht und neu erzeugt. Der Seitenabruf wurde verbessert wegen Timeout-Problemen.
              <br>
              <h3>Version 1.1.3</h3>
              Leerzeichen in SSID erlaubt.
              Einige HTML-Bugs bereinigt.
              <br>
              <h3>Version 1.1.2</h3>
              Saldo 1.7.0 - 2.7.0 wird angezeigt.<br>
              Die Energie-History wurde ergänzt und zeigt jetzt auch die Lieferung und den Saldo per Tag an.
              <br>
              <h3>Version 1.1.1</h3>
              Einführung Versionsinfo.<br>
              Bugfix MQTT.<br>
              Die blaue LED leuchtet jetzt dauernd, sobald eine Verbindung zu einem Router (Access-Point) aufgebaut ist.<br>
              Wenn das Modul selbst als Access-Point auftritt (Jumper gesetzt), blinkt die LED. Die Netzwerkkennung (SSID) ist dann "ESP8266_AP",
              die Verbindung kann unter 192.168.4.1 aufgebaut werden.<br>
              <h3>Version 1.1.0</h3>
              Der Datenabruf von Thingspeak musste geändert werden, weil die bisherige Methhode mit jsonp nicht mehr unterstützt wird.
              Durch die Änderung des API können sehr restriktive Webbrowser u.U. keine Daten mehr abrufen.<br>
              Die gesamte Oberfläche wurde neu gestaltet, im Hintergrund laufen jetzt alle Vorgänge asynchron ab. Die Betriebssicherheit
              sollte dadurch noch besser werden.
            </div>
          </div>
      </div>
    </div>
</div>

<!--<script src="chart.js"></script>-->
<script src="cust.js"></script>

</body>
</html>

GOETSCHHOFER

@homoran said in Parser Adapter:

@goetschhofer sagte in Parser Adapter:

Die Regex stimmt soweit,

selbst das stimmt nicht, außer du willst den RegEx in php verwenden.
iobroker nutzt aber Javascript.

Ja, dies kann ich nachvollziehen.
Beim Test mir Regex war ich offenbar zu schnell, bei Java zeigt er einen Fehler an.

Qlink

Hi Leute,

ich hätte eine Frage bzgl. Regex:

Meine Abfrage lautet: "Drive Warning"[^}]+\D\s(\d+)

Auf regex101.com bekomme ich mit meiner Abfrage den richtigen Wert:
https://regex101.com/r/NxzobQ/1

wenn ich dieselbe Abfrage im Parser Adapter verwende bekomme ich den falschen Wert retour:

Wo habe ich hier einen Fehler drin, bzw. wieso bekomme ich unterschiedliche Ergebnisse ?

Beste Grüße

Homoran

@goetschhofer sagte in Parser Adapter:

Seitenquelltext anzeigen mit rechter Maustaste:

da stehen, wie bereits vermutet, nur Variable und js-Befehle drin:

                  <tr><td>Heute</td>    <td align="right" id="tdy_in"></td><td align="right" id="tdy_out"></td><td align="right" id="tdy_diff"></td></tr>
                  <tr><td id="wd0"></td><td align="right" id="wd_in0"></td><td align="right" id="wd_out0"></td><td align="right" id="wd_diff0"></td></tr>
                  <tr><td id="wd1"></td><td align="right" id="wd_in1"></td><td align="right" id="wd_out1"></td><td align="right" id="wd_diff1"></td></tr>
                  <tr><td id="wd2"></td><td align="right" id="wd_in2"></td><td align="right" id="wd_out2"></td><td align="right" id="wd_diff2"></td></tr>
                  <tr><td id="wd3"></td><td align="right" id="wd_in3"></td><td align="right" id="wd_out3"></td><td align="right" id="wd_diff3"></td></tr>
                  <tr><td id="wd4"></td><td align="right" id="wd_in4"></td><td align="right" id="wd_out4"></td><td align="right" id="wd_diff4"></td></tr>
                  <tr><td id="wd5"></td><td align="right" id="wd_in5"></td><td align="right" id="wd_out5"></td><td align="right" id="wd_diff5"></td></tr>
                  <tr><td id="wd6"></td><td align="right" id="wd_in6"></td><td align="right" id="wd_out6"></td><td align="right" id="wd_diff6"></td></tr>
                </Tbody>

Dein Wert kommt nicht im Quelltext vor

Community Forum

NEWS

Parser Adapter

Support us

455

32.9k

83.0k

1.3m