Esp8266 WebServer Tab
Der Webserver ist der erste Tab, auf dem sich alles aufbauen lässt.Inklusive Arduino OTA um Updates online zum ESP8266 zu senden.
............................................
Esp8266 Connect Tab
Ist natürlich notwendig um die Verbindung zum Router aufzubauen. Der Verbindungsaufbau wird durch die OnBoard Led des Nodemcu oder Wemos D1 angezeigt.............................................
Esp8266 Access Point Tab
Den Esp8266 autark betreiben.............................................
Esp8266 Connect Mixed Mode Tab
Den Esp8266 gleichzeitig als Access Point und im Heimnetz betreiben.............................................
Esp8266 Login Manager mit Captive Portal Tab
Mit dem Login Manager für deine ESP8266 Projekte brauchst du die Netzwerk-Zugangsdaten (SSID und Passwort) nicht mehr fest codieren.Eingabe der Zugangsdaten mittels Captive Portal. Es wird ein Access-Point mit dem Namen "EspConfig" erstellt. Die Zugangsdaten werden nicht menschenlesbar im Dateisystem gespeichert.
Sketch Login Manager Captive Portal Tab
............................................
Esp8266 EspBoardLed Tab
Dies ist die Klassiche Version, bei jedem schalten wird die komplette Webseite neu gesendet. Um die Webseite im Browsers aufzurufen gib die IP deines ESP gefolgt von "/led" ein. zB.: "http://192.168.179.44/led"
............................................
Esp8266 OnBoardLed Tab
Dies ist die Moderne Version, beim schalten wird, mittels Javascript "Fetch.Api", nur der Text und die Farbe vom Button aktualisiert. Die Html Datei muss im Filesystem des Esp gespeichert werden.
............................................
Esp8266 Html Form Tab
Eine Id mittels Html Form zum Esp8266 senden.............................................
Esp8266 Sollwert Tab
Den Sollwert einer Steuerung im Esp8266 Sketch ändern.
Esp8266 Individual Button Tab
Auf der Webseite werden automatisch die Bezeichnungen der Schaltflächen die du im Sketch unter "NAME[]" einträgst angezeigt. Diese Namen werden nur beim ersten Aufruf der Webseite zum Browser gesendet und anschließend aus dem Local Storage gelesen.Individual Button Tab und Webseite
Die Html Datei muss im Filesystem des Esp gespeichert werden.
............................................
Esp8266 DS18B20 Tab
Die Temperatur wird zur Anzeige auf der Webseite jede Sekunde aktuallisiert.Der Messwert wird vom Client per Fetch.Api vom Server angefordert. Die Html Datei muss im Filesystem des Esp gespeichert werden.
............................................
Esp8266 DS18B20 Liste Tab
Beliebig Anzahl Sensoren werden angezeigt. Zuerst die Adressen und Namen deiner Sensoren im Sketch eintragen.Adressen deiner Sensoren scannen
Die Temperatur wird zur Anzeige auf der Webseite jede zweite Sekunde aktuallisiert.Ds18B20 Liste Tab und Webseite
Die Html Datei muss im Filesystem des Esp gespeichert werden.
............................................
Esp8266 BME280 Tab
Die Klimadaten werden zur Anzeige auf der Webseite jede Sekunde aktuallisiert.Die Messwerte werden mittels Javascript "Fetch.Api" zum Browser übertragen.
Installiere die Library für den Bme280 Tab
Es ist auch Möglich zwei Esp.. mit Bme280 Sensor auf einer Webseite darstellen.
............................................
Esp8266 mit zwei BME280 Tab
Zwei BME280 mit der selben I2C Adresse lassen sich, dank "Pin mapping", mit dem Esp8266 auslesen.Beide Sensoren werden jede Sekunde nacheinander abgefragt. Entgegen allem was ich bis jetzt über den I2C Bus gelesen habe, hängt der Aussensensor erfolgreich an einem 5 Meter langen Anschlußkabel. Die Html Datei muss im Filesystem des Esp gespeichert werden.
............................................
Esp8266 Dual Relais Tab
2-Kanal Relais schalten ohne die Webseite zu erneuern. Dazu brauchst du kein JQuery oder Ajax.Der Tab Dual Relais ist für LOW und HIGH aktive Relais, Solid State Relais oder Mosfet geeignet. Dies muss vor dem Hochladen einmalig im Tab eingestellt werden. Der Schaltzustand der Relais wird beim öffnen der Webseite eingelesen. Der Buttontext und die Kontrolleuchten werden bei jedem Schalten aktualisiert. Die Html Datei muss im Filesystem des Esp gespeichert werden.
............................................
Esp8266 LED Dimmer Tab
LED mittels PWM in ihrer Helligkeit über Webinterface steuern. Die Webseite inklusive animierte SVG-Grafik zur Anzeige der Helligkeit.
ESP8266 Filesystem Manager
LittleFS Upload Download Delete von Dateien von einer HTML-Seite
Füge die "LittleFS.ino", vorzugsweise als Tab, zu deinem Webserver Sketch hinzu und rufe anschliesend unter Angabe der IP deines Esp8266 die fs.html über die Adresszeile deines Browsers auf.Filesystem Manager sortiert ab Core Version 2.6.0
Filesystem Manager sortiert ab Core Version 2.7.0
Neu!- Download in Ordner
- Ordner anlegen
- Ordner mit Inhalt löschen
............................................
ESP8266 Datei Manager
Spiffs Upload Download Delete von Dateien von einer HTML-Seite
Füge die "spiffs.ino", vorzugsweise als Tab, zu deinem Webserver Sketch hinzu und rufe anschliesend unter Angabe der IP deines Esp8266 die spiffs.html über die Adresszeile deines Browsers auf. Beispielsweise so "http://192.168.179.44/spiffs.html"Spiffs Datei Manager sortiert ab Esp Core Version 2.4.2
Spiffs Datei Manager sortiert ab Esp Core Version 2.6.0
Spiffs Datei Manager sortiert ab Esp Core Version 2.7.0
Die Sortierung der Dateien ist mittels Klick auf den Pfeil im untersten Listeneintrag möglich.
Wenn sich im Spiffs (Speicher) des Esp8266 noch keine "spiffs.html" befindet wird ein kleiner Helfer zu deinen Browser gesendet mit dem du die "spiffs.html" und die "style.css" hochladen kannst.
Die Sortierung der Dateien ist mittels Klick auf den Pfeil im untersten Listeneintrag möglich.
............................................
Esp8266 Mail Tab
E-Mail versenden via smtp2go.com
Dazu brauchst du zunächst einen Smtp2Go Free Account.
Deshalb die Funktion "sendmails();" niemals unlimitiert aufrufen.
Die Serverantwort von smtp2go.com, ob die Übertragung erfolgreich war, wird nicht blockierend ausgewertet. Bei Zeitüberschreitung wird eine Fehlermeldung gesendet.
............................................
Esp8266 UDP Unicast Tab
Senden und empfangen von Nachrichten per UDP.Unicast ist der Informationsfluss zwischen nur zwei Netzteilnehmern.
............................................
Esp8266 UDP Multicast Tab
Senden und empfangen von Nachrichten per UDP.Multicast ist der Informationsfluss an eine Gruppe von Netzteilnehmern auf diesen Port.
............................................
Esp8266 Http Client Tab
Mit dem Http Client kannst du Daten von einen anderen Esp8266 Webserver holen.............................................
Esp8266 Pushbullet Tab
Push Nachrichten vom Esp8266 in Echtzeit zum Smartphones und/oder PC schicken.Dazu brauchst du zunächst einen Pushbullet Account.
Ausserdem die für dein Gerät passende Pushbullet APP.
............................................
Esp8266 Sonoff Dual Tab
Das Sonoff Dual mit zwei integrierten Relais benutze ich zum schalten meiner Aussenbeleuchtung.Mit integrierten Betriebsstundenzähler seperat für jeden LED Fluter.
Sonoff flashen
Arduino IDE unter Werkzeuge einstellen.
- Board: "Generic ESP8266 Module"
- Flash Size: "(1M 128k SPIFFS)"
- alle anderen beibehalten
............................................
Esp8266 Fritzbox Wlan Präsenzmelder
Registriert die Anwesenheit eines oder mehrerer Familienmitglieder anhand der IP-Adressen ihres Smartphones im Wlan.Installiere die Library für den Zugriff auf die Fritzbox.
Der Wlan-Präsenzmelder kann bei Abwesenheit aller Personen als Anwesenheitssimulator mittels einer Lichtquelle verwendet werden. Oder spezielle Funktionen der Heizung und/oder Lüftung bei Anwesenden Personen auslösen.............................................
Esp8266 DHT22 Tab
Temperatur Luftfeuchte Taupunkt Hitzeindex
Die Klimadaten werden zur Anzeige auf der Webseite aller zwei Sekunden aktuallisiert.Funktioniert erst ab Arduino Core Version 2.4.0 aufwärts.
Installiere die Library für den DHT22 Tab
Die Html Datei muss im Filesystem des Esp gespeichert werden.
............................................
Esp8266 FritzFon Anruferkennung Tab
Der FritzFon Tab ermöglicht eine Anrufsignalisierung mittels Zusatzklingel oder Signalleuchte.Esp8266 Admin Webinterface
Füge die "admin.ino", vorzugsweise als Tab, zu deinem Webserver Sketch hinzu und lade anschliesend mit Hilfe der Esp8266 Dateiverwaltung die admin.html in das Filesystem.Die Spiffs.ino ist zum ausführen der Admin.ino erforderlich.
Die "Admin.ino" funktioniert jetzt auch mit Linux. Danke an Gerhard für die freundliche Unterstüzung.Admin Tab und Webseite bis Core Version 2.5.2
Admin IPv4 Tab und Webseite ab Core Version 2.6.1
Admin IPv6 Tab und Webseite ab Core Version 2.6.1
............................................
Esp8266 NTP Lokalzeit Tab
Inclusive automatische Umstellung Sommerzeit - NormalzeitAller 24 Stunden wird die Zeit mit dem NTP Server syncronisiert.
Lokalzeit Tab und Webseite ab Core Version 2.4.2
Lokalzeit Tab und Webseite ab Core Version 2.6.0
Anzeige Uhrzeit
Anzeige Uhrzeit und Datum
............................................
Esp8266 Weltzeit Tab
Zeitzone auswählen und durch einen Mausklick ausserhalb der Liste übernehmen.Bitte beachte das die Sommerzeit für Asia/Tehran nicht angezeigt wird.
Wahrscheinlich werden die Julianischen Tagesnummern in dieser Zone nicht interpretiert.
............................................
Esp8266 Zeitschaltuhr Dual Tab
Zeitschaltuhr mit NTP ZeitsynchronisationDie Lokalzeit.ino ist für die Zeitschaltuhr erforderlich
Der Sketch Zeitschaltuhrdual ist für LOW und HIGH aktive Relais, Solid State Relais oder Mosfet geeignet. Dies muss vor dem Hochladen einmalig im Sketch, im Tab Zeitschaltuhr.ino, eingestellt werden. Es lassen sich bis zu 8 Ein-/Aus-Programme pro Gerät einstellen. Die Anzahl der Schaltprogramme muss im Sketch analog der Anzahl im Html Dokument eingestellt sein! Die optische Schaltzustandsanzeige ist gleichzeitig der Button zum manuellen Ein-/Ausschalten der Ausgänge.Zeitschaltuhr Tab und Webseite
Die Html Datei muss im Filesystem des Esp gespeichert werden.
............................................
Esp8266 Zeitschaltuhr Singel Tab
Die Anzahl der möglichen Schaltzeiten lässt sich zwischen 1 und 60 einstellen.Der Lokalzeit Tab ist für die Zeitschaltuhr erforderlich.
Die Schaltzeiten werden im Spiffs des Esp8266 gespeichert. Auf der Webseite werden die aktuell eingestellten Schaltzeiten angezeigt.Zeitschaltuhr Tab und Webseite
Die Html Datei muss im Filesystem des Esp gespeichert werden. Der aktuelle Status "ON/OFF" wird neben dem Button zum manuellen schalten angezeigt.
Das erfolgreiche speichern der Schaltzeiten auf dem Esp8266 Webserver wird im Webinterface angezeigt.
............................................
Esp8266 Sonnen Auf/Untergang Tab
Die Zeiten für den Sonnenaufgang und Sonnenuntergang werden einmal am Tag berechnet und im "struct sun" gespeichert.Der Lokalzeit Tab ist für die Berechnung erforderlich
Du musst die geographische Länge, Breite und die Zeitzone für den Ort, für den du die Zeiten berechnen möchtest beim Aufruf der Funktion angeben.Sonnen Auf/Untergang Tab und Webseite
............................................
Esp8266 TX23 Tab
Windgeschwindigkeit- und Richtung mit Fifo Puffer für die Anzeige der maximalen und durchschnittlichen Geschwindigkeit der Stunde, des Tages und der Woche.
Installiere die Library für den TX23 Tab
Die Html Datei muss im Filesystem des Esp8266 gespeichert werden.
............................................
Esp8266 BH1750 Tab
Beleuchtungsstärke in LUXInstalliere die Library für den BH1750 Tab
Der BH1750 ist ein digitaler Sensor zur Messung der Helligkeit in Lux. Er wird über den I2C-Bus angesprochen. Der Messbereich liegt bei 1...65535 Lux.
JSON auf der Console sieht so aus:
0 "95"
1 "44.0"
2 "44.0"
3 "44.0"
4 "5.5"
5 "44.0"
6 "0.8"
7 "44.0"
Antwort:
Keine Ahnung wie da eine "95" rein kommt, es sind nur 16 Windrichtungen. Demzufolge kann "95" auch nicht angezeigt werden. Auch "44.0" ist zu hoch, das wäre ein Orkan.
Gruß Fips
Ich versuche den Windmesser ans Laufen zu bringen. Soweit alles ok, aber mir fehlt der Richtungszeiger. Der wird einfach nicht angezeigt. Wie funktioniert das, per Javascript? Ist bei den genutzten Browser enabled. Gleiches Ergebnis bei Chrome, Firefox und Edge.
Hast du einen Tipp für mich.
Gruß Uwe
Vielen Dank für die vielen Anregungen
Antwort:
Alle Werte werden gleichzeitig mit JavaScript geholt, wieso dann nur der Pfeil für die Windrichtung fehlt kann ich nicht verstehen.
Eben nochmal mit Chrome und Firefox geprüft, funktioniert das bei mir.
Schau mal in die Browser Konsole ob das Json richtig ankommt.
Im Array 0 steht der Wert für die Windrichtung.
Gruß Fips
etwas fehlt mir noch zum verständnis: z.b. der dimmer, wenn ich zwei brauche um zwei vorgänge zu steuern, habe ich dann zwei html seiten (dimmer_rot/dimmer_gruen)? oder nur eine und zwei funktionen in der TAB (pwmLed_rot(); und pwmLed_gruen() oder beides? oder wie?
gruss georg
Antwort:
Ob man ein oder zwei Html Seiten bzw. Funktionen verwendet ist Geschmackssache!
Zweimal "server.on("/do", []() ..." geht aber nicht.
Du könntest einmal "server.on("/red", []() ..." und einmal "server.on("/green", []() ..." in einer Funktion verwenden.
Gruß Fips
habe jetzt alles mal auf "0" runtergefahren und neu aufgesetzt, jetzt funktionierts! Das problem bestand wohl auch darin, dass der upload mit der IDE funktion "ESP8266 sketch data upload" nicht funktioniert hat. Die hat die files zwar gefunden, aber nicht hochgeladen. Das geht immer noch nicht, wenn die dateien aber mit deinem filemanager hochgeladen werden läufts...
Danke noch einmal, einfach perfekt!
gruss georg
Antwort:
Danke für die Rückmeldung!
Nutze doch besser die Portable Arduino IDE, um das "neu aufsetzen" zu vermeiden!
Gruß Fips
danke für Deine antwort...
- auch beim aufruf von Dimmer.html (das D ist bei mir grossgeschrieben) kommt die meldung "not found", nach der installation des filemanagers ist die datei vorhanden. Wenn die datei Dimmer.html im unterordner "data" ist muss sie auch im flash in diesem unterordner sein? Vermutlich ja...
Zweite frage: lässt sich einer der filemanager zusammen mit AsyncWebServer installieren? beim kompilieren wurde "server.handleClient();" angemeckert...
Ich muss zugeben, ich habe nicht viel ahnung von der webprogrammierung, alle achtung was Du da hinstellst...
gruss georg
Antwort:
Auch eine "Dimmer.html" in einen Unterordner "data" funktioniert bei mir. Keine Ahnung was bei dir falsch läuft.
AsyncWebServer habe ich noch nie benutzt, der originale macht doch alles wie gewünscht.
Gruß Fips
der versuch mit der klassischen version der "Esp8266 EspBoardLed Tab" hat funktioniert. Der versuch mit "Esp8266 LED Dimmer Tab" leider nicht:
- habe den SPIFFS bereich formatiert
- das java tool zum hochladen der dateien installiert
- upload funktioniert ohne fehlermeldung
- in der grundtab sieht es so aus:
-------------------------
//setupFS();
//spiffs();
connectWifi();
//admin();
//bme280();
//bme280Duo();
//dht22();
//ds18b20();
//espboardLed();
//onboardLed();
//setupTime();
//ds18b20list();
//bh1750();
//dualRelais();
//singleTimerSwitch();
pwmLed();
______________
der aufruf 192.168.1.130/dimmer (130 ist die IP des esp in meinem wlan) bringt nur "Not found: /dimmer"...
was stimmt nicht?
Antwort:
Zunächst heißt die Datei "dimmer.html".
Ich weiß nicht ob dein Java Tool funktioniert.
Wenn du meinen "ESP8266 Filesystem Manager" mit einbindest kannst du sehen ob die Datei im Flash des Esp angekommen ist.
Gruß Fips
danke für deine Tolle Leistung an Beispielen, besonders für Anfänger wie mich.
Leider finde ich kein Beispiel für:
InputString from web and save on LittleFS to change value in sketch. Read stored InputString from File after reboot/poweroff.
Wäre es möglich ein mir einen Tip zu geben wie dieses umzusetzen wäre.
Leider habe ich bis jetzt Beispiele auf Basis von SPIFFS und
ESPAsyncWebServer gefunden, diese umzuschreiben
für meine zwecke übersteigt leider meine momentanen möglichkeiten.
Gruss Andreas
Antwort:
In der "Admin.ino" wird der Hostname gesendet, gespeichert und beim setup() wieder eingelesen. In allen Esp8266 Zeitschaltuhren wird es für die Schaltzeiten benutzt.
Aber am besten sollte es im "Esp8266 Login Manager" zu sehen sein.
Gruß Fips
Antwort:
Wurde der LittleFS Tab eingebunden?
Gruß Fips
Eine Frage habe ich allerdings:
Ist es geplant auch ein Beispiel zum Auslesen, Einlesen und Überschreiben einer Datei (z.B. eine txt Datei mit Daten, sei es Zahlen oder Text) über den Webserver und LittleFS (SPIFFS) hier einzustellen?
Bisher war ich immer mit ESPAsyncWebserber mit ESPAsyncTCP und SPIFFS Bibliotheken unterwegs. Der Weg dahin war immer etwas "mühsam";- aber ich habe inzwischen einigermaßen Lösungen gefunden, zumindest für meine Bedürfnisse. Der hier verwendete ESP8266Webserver verhält sich doch anders (leider, ich habe es schon ausprobiert - die Parameter sind anders definiert).
Beispiel: Der Code mit dem BME280 hier: Auf der Webseite würde ich gerne, dass man bei den Temperaturen (über html, etc.) einen Minimumwert, Maximumwert (die man beide über den form tab ändern kann in html) und eventuell einen Text (z.B. die email Adresse die man nach Bedarf ändern kann, an die dann die Meldung geht) dazu eingibt. Diese Daten sollen dann in separate txt Dateien abgelegt werden (in LittleFS), die dann im ino Sketch gegen die Messwerte abgeglichen werden und als Platzhalter auch im html angezeigt werden (quasi als aktuelle Wunschwerte) und dann bei Erreichen der Werte eine Meldung z.B. email (siehe Beispiel ebenso hier) generieren.
Ich hoffe ich bin jetzt nicht zu anspruchsvoll. Deine Art der Umsetzung gefällt mir einfach besser als in anderen "Tutorials". Die Klarheit und Einfachheit ist das Beste was ich bisher gesehen habe und vor Allem will ich den File Manager mit dem Admin grundsätzlich in meinen ESPs drin haben.
Übrigens bin ich auch von MQTT (inkl. Rednode) und RasPi vorerst abgekommen (habe mich damit oberflächlich beschäftigt). Die Möglichkeiten mit den ESPs haben mir aber gezeigt, dass ich beides bisher nicht benötige.
Danke schon mal im Voraus für eine ehrliche Antwort.
Konrad
Antwort:
Auslesen, Einlesen und Überschreiben einer Datei kann man sich in der Dokumentation zum Esp8266 anschauen. Oder in einigen Projekten auf meiner Webseite.
Einen Regler mit Minimumwert und Maximumwert wollte ich schon immer mal machen, nur fehlt mir bis dato die zündende Idee es allgemein Verständlich zu halten.
Wie man zwei Werte von einer Webseite an den MC schickt, in eine Datei schreibt und anschließend wieder ausliest kannst du im Login Manager Tab sehen.
Wenn es dann speziell wird, mit Mail Adresse zum Beispiel, sollte man das anhand der zahlreichen Vorlagen auf seine Bedürfnisse anpassen.
Gruß Fips
Nachdem ich einmal darüber geschlafen haben, habe ich meinen Denkfehler gefunden: Man sollte dem Browser schon die richtigen html Dateien aufrufen lassen (hier fs.html oder admin.html). Sorry für meine Unzulänglichkeit.
Übrigens: Ich bin jetzt nur für einen Tag auf dieser Website gewesen; - es ist das BESTE was ich bisher per www/google/ etc. Suche für meine ESP8266 Belange (und ich werde in Bälde auch das Gleiche für den ESP32 machen) gefunden habe.
Copy & paste geht zwar nicht, aber wer ein bisschen nachdenkt bekommt hier Sachen geliefert, die einem das Leben mit den kleinen Dingern richtig erleichtern.
VIELEN, vielen Dank lieber Fips
Grüße aus dem Süden der Republik
Konrad
Antwort:
Freut mich, das es jetzt klappt und es dir hilft!
Gruß Fips