Sensorwerte im Browser als Grafik anzeigen?

[Christian S. (chris02)]

Hallo zusammen,

ich suche eine möglichst einfache Lösung Sensorwerte am PC zu plotten.

Es geht um einen Differentsstromsensor 
(https://www.pollin.de/productdownloads/D180071D.PDF), welcher eine 
galvanisch getrennte Ausgangsspannung (max. 5V) ausgibt. Diese Spannung 
würde ich gerne über einen Zeitraum von max 5 Minuten aufnehmen und am 
liebsten direkt am PC als Plot anzeigen.

Wäre sowas mit einem ESP32 direkt im Browser möglich? Gibt es dafür 
schon eine vorgefertigte Oberfläche, auf der ich aufsetzen kann, da 
meine Programmierkenntnisse recht eingeschränkt sind.

Viele Grüße
Chris

[M. D. (derdiek)]

Volkszähler

[J. S. (jojos)]

Da gibt es jede Menge Beispiele dazu:
https://randomnerdtutorials.com/

[Axel R. (axlr)]

Ja - geht. Hab ich mal mit Temperaturwerten gemacht. Einfach das Projekt 
drauf geflasht und hat sofort funktioniert. Leider setzt der Browser bei 
mir die Zeitmarken. Das (in meinem Fall) Handy muss also, wenn man keine 
komische Lücken inder Darstellung haben will, immer an sein, wenn die 
Skalierung der Zeitachse einheitlich durchgängig sein soll. War son 
Platinfühler und ein Max6675 als Breakout-Board. Hatte ich Netz was 
passendes dazu gefunden.
Musste auch mal suchen. Seite finde ich gerade nicht, zu lange her.
https://www.bing.com/search?q=esp32+temperatur+monitor+max6675
Brauchst Du ja dann nur noch an deinen Sensor anpassen.
Im eingefügten Code (böse, weil nicht als Anhang!) gibt er nur die 
Temperatur aus. Als Einstieg quasi.

#include <Arduino.h>
#include <WiFi.h>
#include <ESPAsyncWebServer.h>
#include <max6675.h>
#include <SPIFFS.h>
const int led = 13;
const char* ssid = "FRITZ!Box 7412";           
const char* password = "16938482531710736684"; 

int thermoDO = 15;
int thermoCS = 2;
int thermoCLK = 4;

MAX6675 thermocouple(thermoCLK, thermoCS, thermoDO);
// Create AsyncWebServer object on port 80
AsyncWebServer server(80);
 

 String messe_temperatur(){

   return String(thermocouple.readCelsius());
 }
void setup() {

  // put your setup code here, to run once:
  delay(1000);
     Serial.begin(115200);
    pinMode(led, OUTPUT);      // set the LED pin mode
// Initialize SPIFFS
  if(!SPIFFS.begin()){
    Serial.println("An Error has occurred while mounting SPIFFS");
    return;
  }
    delay(1000);

    // We start by connecting to a WiFi network

    WiFi.mode(WIFI_STA);
    WiFi.begin(ssid, password);
    Serial.println("");

  // Wait for connection
      while (WiFi.status() != WL_CONNECTED) {
        delay(500);
        Serial.print(".");
      }
    Serial.println("");
    Serial.print("Connected to ");
    Serial.println(ssid);
    Serial.print("IP address: ");
    Serial.println(WiFi.localIP());

  
   // Route for root / web page
  server.on("/", HTTP_GET, [](AsyncWebServerRequest *request){
    request->send(SPIFFS, "/index.html");
  });
  server.on("/temperature", HTTP_GET, [](AsyncWebServerRequest *request){
    request->send_P(200, "text/plain", messe_temperatur().c_str() );
  });
  Serial.println("HTTP server started");
  server.begin();
}

void loop() {
 
}

[J. S. (jojos)]

Axel R. schrieb im Beitrag #7523022

> Im eingefügten Code (böse, weil nicht als Anhang!) gibt er nur die
> Temperatur aus. Als Einstieg

Prima, gleich mit PW für den Router.

[Kolja L. (kolja82)]

Wie schnell kommen denn die Daten?

Ich hab noch ein PHP script, das die Werte auch speichert.

[Rainer W. (rawi)]

J. S. schrieb:
> Prima, gleich mit PW für den Router.

Jetzt brauchst du nur noch die IP ;-)

(aber schnell - bevor die Box eine neue bekommt)

[Christian S. (chris02)]

Kolja L. schrieb:
> Wie schnell kommen denn die Daten?
>
> Ich hab noch ein PHP script, das die Werte auch speichert.

Tiefergehende Gedanken habe ich mir noch keine Gemacht. Der Sensor ist 
erstmal bis 10kHz spezifiziert, sodass man mindestens mit 20kHz abtasten 
sollte, eher ein wenig mehr.

[N. M. (mani)]

Christian S. schrieb:
> Diese Spannung würde ich gerne über einen Zeitraum von max 5 Minuten
> aufnehmen

Christian S. schrieb:
> Der Sensor ist erstmal bis 10kHz spezifiziert, sodass man mindestens mit
> 20kHz abtasten sollte, eher ein wenig mehr.

Das sind für deinen spezifizieren Zeitraum von 5 Minuten 6e6 
Datenpunkte. Eher ein wenig mehr 😜

Das bedeutet schonmal das der ESP die Daten nicht alle selbst halten 
kann.
Es muss also jemand da sein der die Daten päckchenweise entgegen nimmt.
Bei dir also ein PC, Server o.ä.
Jedes Datum einzeln übertragen kannst du vergessen bei der Datenrate und 
macht auch keinen Sinn wg. Overhead.
Also musst du hoffen dass du deine geschnürte Päckchen schnell genug 
über den Äther bekommst.
Anzeige von so vielen Punkten stelle ich auch Mal in Frage.

Ob das wirklich Sinn macht?
Man könnte die Bandbreite und damit auch die Abtastrate einfach auf das 
wirklich notwendige begrenzen.
Oder brauchst du wirklich die volle Bandbreite deines Sensors?

Ein Docker Container mit MQTT Broker und Graphana wäre PC seitig auch 
noch eine Möglichkeit.

[Axel R. (axlr)]

J. S. schrieb:
> Axel R. schrieb im Beitrag #7523022
>
>> Im eingefügten Code (böse, weil nicht als Anhang!) gibt er nur die
>> Temperatur aus. Als Einstieg
>
> Prima, gleich mit PW für den Router.

:)
Du glaubts ja nicht im Enrst, dass das mein korrektes PW ist?
Alter: Ich mach das hier schon ne Weile und bin nicht komplett blöd!
(vielleicht zuweilen ein klein wenig unausstehlich. manchmal - kann 
sein)
Ich hab das nur stehen lassen, damit nicht wieder gefragt wird, ob und 
wie man da Gänsefüße setzt, oder was da hinkommt. Selbstverständlich ist 
das NICHT mein PW für den Router. Zugegeben: die Zeilenanzahl und die 
Numerik stimmt. Das ist aber auch schon alles. rolleyes

[Kolja L. (kolja82)]

N. M. schrieb:
> Christian S. schrieb:
>> Der Sensor ist erstmal bis 10kHz spezifiziert, sodass man mindestens mit
>> 20kHz abtasten sollte, eher ein wenig mehr.
>
> Das sind für deinen spezifizieren Zeitraum von 5 Minuten 6e6
> Datenpunkte. Eher ein wenig mehr

Ich könnte mir vorstellen, dass die Datenrate allgemein etwas hoch ist, 
um sie vom ESP via WLAN zum Browser zu bringen.

Vielleicht doch besser die serielle Schnittstelle und den grafischen 
output der ArduinoIDE verwenden?

[N. M. (mani)]

Kolja L. schrieb:
> Vielleicht doch besser die serielle Schnittstelle

Naja, wenn man sich mit dem internen ADC zufrieden gibt braucht man 
nicht mehr als 1 Byte übertragen. So schlecht wie der ist. Also 
200kBit/s bei 8N1.

Wenn es etwas genauer sein soll sind es mindestens 2 Byte pro Messwert. 
Dann braucht man aber wieder was für Start Erkennung und CRC. Sind 
nochmal 1-2 Byte mehr. Also 3-4*200kBit/s =600-800kBit/s.
Geht schon.
Bei WLAN mit UDP oder MQTT ist der Overhead natürlich etwas größer.

Kolja L. schrieb:
> den grafischen output der ArduinoIDE verwenden?

Ich kenne das Teil nicht.
Kommt das mit so einer Datenmenge zurecht oder stürzt das nach 100k 
Punkten schon ab?



Ich Stelle mir halt allgemein 2 Fragen:
Braucht er diese Bandbreite wirklich?
Und wenn ja, ist es dann wirklich egal dass der interne ADC so 
grottenschlecht ist?

[Bernhard S. (b_spitzer)]

N. M. schrieb:
> Wenn es etwas genauer sein soll sind es mindestens 2 Byte pro Messwert.
> Dann braucht man aber wieder was für Start Erkennung und CRC. Sind
> nochmal 1-2 Byte mehr. Also 3-4*200kBit/s =600-800kBit/s.
bei 20kHz 2Byte Messwert macht erst mal 40kByte/s. Overhead kann man 
evtl reduzieren...

> Geht schon.
Beim ESP32 gehe ich auch davon aus, dass er die 600kBit/s locker 
schaffen kann. Mit einem ESP8266 habe ich beim reinen Datei-Download aus 
dem SPIFFS 85kByte/s (=> über 600kBit/s) erreichen können.

== anderes Thema ==
An die anderen mit der Passwort-Diskussion... Andreas Spies hat da mal 
einen guten Tip gegeben, den ich seither in allen Projekten nutze.
Man scheibt die Zugangsdaten einfach in eine .h Datei, die im 
Verzeichnis libraries\credentials liegt. Im Programm steht dann bei mir 
immer nur:

// Alternative 1: hier die Daten ihres AP oder Handy-Hotspots eintragen
//const char* ssid     = "MeineSSID";
//const char* password = "12345678";
// Alternative 2: Zugangsdaten über eine Datei einlesen, die Datei liegt im
// Libraries-Verzeichnis (Standard: Dokumente/Arduino/Libraries)
#include <credentials.h>

Der Inhalt der credentials.h ist nur ein Zweizeiler:

const char* ssid     = "TrautesHeimGlueckAllein";
const char* password = "StrengGeheim";

Über verschiedene Include-Dateien kann ich damit auch einfach für andere 
Anwendungen kompilieren und ich kann meinen Code weiter geben ohne 
vorher an die Zugangsdaten denken zu müssen.

[N. M. (mani)]

Bernhard S. schrieb:
> bei 20kHz 2Byte Messwert macht erst mal 40kByte/s. Overhead kann man
> evtl reduzieren...

Stimmt schon. Und wie findet man den Anfang? Schreibst du das auch noch 
dazu?