Gestern haben wir gezeigt wie einfach unser ESP8266 mit dem MAX6675-Temperatorsensor zusammenarbeitet. Heute möchten wir den Sketch ein wenig erweitern, um die WiFi-Fähigkeit des Moduls auszunutzen. Dafür binden wir die Bibliothek "ESP8266WiFi" ein. Diese übernimmt die Anmeldung an ein bestehendes WLAN, und übernimmt das Senden und Empfangen der Daten an den Client. Mittels "WiFiServer server(80);" starten wir einen Server der auf Port 80 läuft. #include < ESP8266WiFi. h > #include < max6675. h > const char * ssid = "Wlan Name (SSID)"; const char * password = "Wlan Schlüssel"; int thermoDO = 12; int thermoCS = 13; int thermoCLK = 14; WiFiServer server ( 80); // Wir richten den Webserver auf Port 80 ein MAX6675 thermocouple ( thermoCLK, thermoCS, thermoDO); // Wir richten den Temperatursensor ein void setup () { Serial. begin ( 115200); Serial. Esp8266 sensordaten auf webseite ausgeben. println (); Serial. printf ( "Verbinde mit%s ", ssid); WiFi. begin ( ssid, password); // Versucht mit WLAN Name und Schlüssel zu verbinden while ( WiFi.
Td steht für "Table Data". Über CSS, kann man nun noch die Tabelle verschönern. Im Sketch, muss wieder, wie üblich, der ESP 8266 als Webserver konfiguriert werden, und mit einem Wlan Netzwerk verbunden werden. Der Beispielsketch, welcher die oben gezeigte Ausgabe produziert sieht so aus: Vor dem Upload sollte man jedoch die Uhrzeit noch aktualisieren(setTime(hr, min, sec, d, mon, year)). Weitere Möglichkeiten des ESP 8266 Die erste Anlaufstelle, um die Tabelle graphisch umzugestalten, sollte CSS sein. CSS Stylesheet-Sprache, mithilfe derer man das Design von Websites verschönern kann, oder aber Tabellen, soweit es Sinn macht, in Graphen umzuwandeln ( guter Post dazu). ESP8266 Sensoren und Module – smarthome-tricks.de. Eine andere Möglichkeit wäre die Skriptsprache Javascript, welche man neuerdings auch auf dem ESP 8266 verwenden kann. Hierzu gibt es das Projekt Espruino.
In dieser mehrteiligen Anleitung werde ich einen kombinierten Webserver - Webclient für den ESP8266 zeigen. Die Arduino IDE kommt zwar mit vielen Beispielen und mit allem was man benötigt aber offenbar haben Einsteiger Probleme bei der Auswahl der richtigen Vorgangsweise. Das "HelloWorld" Beispiel für einen Webserver am ESP8266 findet sich unter ESP8266Webserver | HelloServer Im ersten Schritt werden SSID und WIFI Passwort gesetzt. const char* ssid = "........ "; const char* password = "........ "; Am besten passt du auch die LED und Button PIns an deine Hardware an. Ich verwende keinen nackten ESP8266 sondern einen NodeMCU, daher verwende ich Pin 2. const int led = 2; // GPIO02/D4 on NodeMCU is the (blue) LED on the ESP-12E Der Upload dieses Sketches soll problemlos funktionieren. Nach dem Upload wird eine WiFi Verbindung hergestellt werden und im seriellen Monitor wird eine IP-Adresse ausgegeben. Tutorial: Website parsen mit dem ESP8266 – Teil 1 | Glaskugelsehen Blog. Mit dieser IP-Adresse kann der Webserver in einem Browser aufgerufen werden. Auf Basis dieses Sketches arbeite ich schrittweise weiter.