Rolladensteuerung per ESP8288 + WiFi?

HaWe · 04.06.2019, 08:19

aber ich kann doch gar kein Python (und ich mag kein Python, auch nicht auf dem Raspi), auch meine ganzen MCUs können weitgehend kein Python, und für alle Programme und Funktionen nutze ich ja eh nur die Arduino IDE, für alle MCUs (AVR, ARM M0, M3, M4, ESP8266, ESP32).
ESPs nutzten dieselben Libs wie meine AVR-oder ARM-Programme, die alle ein touch TFT oder auch nur ein OLED für die Anzeige nutzen, nur dass jetzt die ESPs zusätzlich html webserver und wifiserver/client Code verwenden.
Würde ich jetzt die Websites und die Kommunikation untereinander anders aufbauen, bräuchte ich ja jetzt weiterhin mein Arduino für die eigentlichen Programmfunktionen (davon würde ich nie weggehen), aber dann jetzt auch noch zusätzlich Python für die web- und wifi-Funktionen, wo ich gar nicht weiß, wie ich das alles nahtlos zusammenkriege.

- - - Aktualisiert - - -

PS
das mit dem SPIFFS habe ich schon mal irgendwo als ESP32-Beispiel gesehen, aber ich muss gestehen, dass ich das überhaupt nicht verstehe, was das soll - für mich ist das sehr komplex und unübersichtlich...

**Ceos** · 04.06.2019, 08:28

SPIFFS https://tttapa.github.io/ESP8266/Cha...%20SPIFFS.html

Das ist eine sehr interessante (ich möchts glatt so nennen) "Abhandlung" zum Thema

Im Grunde ist es ein simuliertes Dateisystem (in dem Falle halt in einem SPI-Flash)

Auf dem PC kannst du ja nach belieben file= open("filename","modus") angeben um eine Datei zu öffnen

Auf dem Arduino fehlt erstmal Grundsätzlich ein Massenspeicher! Wenn du z.B. eine SDCard anschließt und dann die passende Library nutzt, bietet in der Regel das SDCard Objekt eine open Funktion an um auf Daten darin zuzugreifen. Aber je nach Flashgröße deines Boards oder Controllers (im Fall von STM32 Boards liegt das SPIFFS tatsächlich im Flash des Controller, es ist also streng genommen kein "SPI"-FFS mehr) liegt hier das Dateisystem im Flash auf dem Board selber (meine Erfahrung mit dem SPIFFS Implementierungen für STM32 Controller und µPython hat gezeigt dass man mindestens 25k freien Flash Speicher braucht um ein minimales SPIFFS aufzusetzen .. hat ein Contributor zum µPython Projekt herausgefunden nachdem ich lang genug herumgebohrt habe mit den Parametern)

HaWe · 04.06.2019, 12:08

das mit dem SPIFFS macht das ganze für mich dennoch eher komplizierter und unübersichtlicher als einfacher.
Ich kann besser mit ein paar untereinandergeschriebenen Wiederholungen für Variablen- und Buttonanzeige umgehen als mit kompliziert verschachtelten Funktionen mit -zig Parametern.

Einfacher wäre es tatsächlich, wenn ich schreiben könnte statt

Code:

float Temperaturestat=-999, Humiditystat=-999;
uint8_t led1stat=0, led2stat=0;

//----------------------------------------------------------
String SendHTML(){
  
  String script = "<!DOCTYPE html> <html>\n";
  
  script +="<head>";
  script +="<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\"> \n" ;
  script +="<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=no\">\n";  
  script +="<title>LED Control</title>\n";
  script +="<style>html { font-family: Helvetica; display: inline-block; margin: 0px auto; text-align: center;}\n";
  script +="body{margin-top: 50px;} h1 {color: #444444;margin: 50px auto 30px;} h3 {color: #444444;margin-bottom: 50px;}\n";
  script +=".button {display: block;width: 80px;background-color: #3498db;border: none;color: white;padding: 13px 30px;text-decoration: none;font-size: 25px;margin: 0px auto 35px;cursor: pointer;border-radius: 4px;}\n";
  script +=".button-on {background-color: #3498db;}\n";
  script +=".button-on:active {background-color: #2980b9;}\n";
  script +=".button-off {background-color: #34495e;}\n";
  script +=".button-off:active {background-color: #2c3e50;}\n";
  script +="p {font-size: 20px;color: #888;margin-bottom: 10px;}\n";  // 14px;
  script +="</style>\n";
  script +="</head>\n";
  
  script +="<body>\n";
  script +="<h1>ESP32 Web Server</h1>\n";
  //  script +="<h3>Using Station(STA) Mode</h3>\n";
  
  if(led1stat)
  {script +="<p>LED1 Status: ON</p><a class=\"button button-off\" href=\"/led1off\">OFF</a>\n";}
     else
  {script +="<p>LED1 Status: OFF</p><a class=\"button button-on\" href=\"/led1on\">ON</a>\n";}

  if(led2stat)
  {script +="<p>LED2 Status: ON</p><a class=\"button button-off\" href=\"/led2off\">OFF</a>\n";}
     else
  {script +="<p>LED2 Status: OFF</p><a class=\"button button-on\" href=\"/led2on\">ON</a>\n";}

  script +="<h1>ESP32 Weather Report</h1>\n";
  
  script +="<h1>";
  script +="<p>Temperature: ";
  script +=(int)Temperaturestat;
  script +="°C</p>";
  script +="<p>Humidity: ";
  script +=(int)Humiditystat;
  script +="%</p>";
  script +="</h1>";

  script +="</body>\n";
  script +="</html>\n";
  return script;
}

jetzt, vereinfacht:

Code:

float Temperaturestat=-999, Humiditystat=-999;
uint8_t led1stat=0, led2stat=0;

//----------------------------------------------------------
String SendHTML(){
  
  String script = startHtmlWebsite();

  script += defineFonts();
  script += defineColors();
  script += importWidgets();

  script += printTitle(h1, "ESP32 Web Server" );
  
  script += printText(h3, "Using Station(STA) Mode \n");
  script += addButton("LED1 Status: %s \n",  led1stat);
  script += addButton("LED2 Status: %s \n",  led2stat);

  script += printText(h1, "ESP32 Weather Report \n");

  script += printVar(h2, "Temperature: %d° \n ", (int)Temperaturestat );
  script += printVar(h2, "Humidity: %d%% \n ", (int)Humiditystat );
  
  script += finishHtmlWebsite();

  return script;
}

**Ceos** · 04.06.2019, 13:56

Die Idee ist nicht schlecht, aber dein RAM wird sthönen und der Aufruf einer Webseite sehr lange dauern, weil du be jedem Aufruf erst den String im RAM konstruierst und zurück gibst.

Ich grübel gerade ob man den statischen Teil nicht irgendwie sinnvoll außerhalb der Methoden als Const hinterlegen kann und dann einfach nur beim schreiben in den Socket bestimmte Marker abwartet um dann eben Inhalte einzufüllen (wie in dem ESP spezifischen AsyncWebServer Beispiel oben)

So etwas in der Art wie "<?varName1?>"

Variablen übergibst du am besten mit Hilfe eines Dictionary, also eine Liste von <Key, Value> Paaren

Code:

typedef VarList_t std::Map<std::String, std::String>;
boolean sendHTML(std::String Template, VarList_t aVarList);

VarList_t  VarList;
...
VarList.clear();
VarList["varName1"] = "etwas schönes"
if(!sendHTML(irgendeineHTMLmitVarName1darin,VarList) printError();

Wenn jetzt in SendHTML während des senden in dem HTML String ein "<?" gefunden wird, sendet er nciht weiter sondern scannt bis zum passenden "?>" durch. Dann ruft er den Inhalt der Variable aus dem Dictionary und sendet den Inhalt. Danach setzt er nach dem schließenden "?>" den HTML String weiter fort, bis er wieder auf "<?" stößt oder am Ende ankommt.

HaWe · 04.06.2019, 14:07

Zitat von Ceos

Die Idee ist nicht schlecht, aber dein RAM wird sthönen und der Aufruf einer Webseite sehr lange dauern, weil du be jedem Aufruf erst den String im RAM konstruierst und zurück gibst.

Ich grübel gerade ob man den statischen Teil nicht irgendwie sinnvoll außerhalb der Methoden als Const hinterlegen kann und dann einfach nur beim schreiben in den Socket bestimmte Marker abwartet um dann eben Inhalte einzufüllen (wie in dem ESP spezifischen AsyncWebServer Beispiel oben)

So etwas in der Art wie "<?varName1?>"

Variablen übergibst du am besten mit Hilfe eines Dictionary, also eine Liste von <Key, Value> Paaren

Code:

typedef VarList_t std::Map<std::String, std::String>;
boolean sendHTML(std::String Template, VarList_t aVarList);

VarList_t  VarList;
...
VarList.clear();
VarList["varName1"] = "etwas schönes"
if(!sendHTML(irgendeineHTMLmitVarName1darin,VarList) printError();

Wenn jetzt in SendHTML während des senden in dem HTML String ein "<?" gefunden wird, sendet er nciht weiter sondern scannt bis zum passenden "?>" durch. Dann ruft er den Inhalt der Variable aus dem Dictionary und sendet den Inhalt. Danach setzt er nach dem schließenden "?>" den HTML String weiter fort, bis er wieder auf "<?" stößt oder am Ende ankommt.

RAM habe ich doch bis zum Abwinken bei den ESPs, sogar beim 8266, darüber mache ich mir keine Sorgen.
Beim ESP32 habe ich sogar ungenutzte 160MB im Heap...
wichtig wäre nur eine einfache Syntax, die nach Variablenübergabe (z.B. wie bei sprintf) alles drum und dran intelligent mit html Zeichen und Tokens ergänzt.

**Ceos** · 04.06.2019, 15:33

ich lese hier nur 520KB RAM insgesamt für den ESP32 , ich vermute MB war vertippt

Mit "Sorgen machen" hat das nicht viel zu tun ... morgen schreibst du etwas auf der Basis deines jetzigen Codes und wunderst dich am Ende des Tages warum dein Projekt ständig rebootet

Die Art und Weise solche statischen Daten als lokale Variablen in Methoden zu deklarieren ist so schlecht das sollte man vermeiden wo es nur geht!

HaWe · 04.06.2019, 15:41

Zitat von Ceos

ich lese hier nur 520KB RAM insgesamt für den ESP32 , ich vermute MB war vertippt

Mit "Sorgen machen" hat das nicht viel zu tun ... morgen schreibst du etwas auf der Basis deines jetzigen Codes und wunderst dich am Ende des Tages warum dein Projekt ständig rebootet

Die Art und Weise solche statischen Daten als lokale Variablen in Methoden zu deklarieren ist so schlecht das sollte man vermeiden wo es nur geht!

uups sorry, kB ntl

520kB stimmen nicht für den praktischen Gebrauch, es sind "nur" 160kB statisches und 160kB dynamisches RAM

schlecht und unbedingt zu vermeiden ist aber erstmal gar nichts, solange es funktioniert und nach C++ Regelwerk korrekt ist
- hingegen Flash zum Speichern von Variablen versuche ich zu vermeiden aus Performance- und Schonungsgründen

Und wenn man es macht wie in den original ESP Arduino Examples mit script +=... braucht es letzlich ja auch nicht weniger Speicher
- in Funktionen ausgelagert eher sogar deutlich weniger, weil man es für Wiederholungen/Mehrfachgebrauch ja nur 1x schreiben muss (zum Generieren von 10 Buttons bräuchte man nur 1x die Button-Generier-Funktion).