Esp8266 Nodemcu Webserver

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.

Sketch WebServer Tab

............................................

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.

Sketch Connect Tab

............................................

Esp8266 Access Point Tab

Den Esp8266 autark betreiben.

Sketch Access-Point Tab

............................................

Esp8266 Connect Mixed Mode Tab

Den Esp8266 gleichzeitig als Access Point und im Heimnetz betreiben.

Sketch Connect Mixed Mode Tab

............................................

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 Captive Portal Webinterface

............................................

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"

Sketch EspBoardLed Tab

Esp8266 Nodemcu Led schalten

............................................

Esp8266 OnBoardLed Tab

Dies ist die Moderne Version, beim schalten wird, mittels Javascript "Fetch.Api", nur der Text und die Farbe vom Button aktualisiert.

OnBoardLed Tab und Webseite

Die Html Datei muss im Filesystem des Esp gespeichert werden.

Esp8266 Nodemcu Led toggle

............................................

Esp8266 Html Form Tab

Eine Id mittels Html Form zum Esp8266 senden.

Html Form Tab

............................................

Esp8266 Sollwert Tab

Den Sollwert einer Steuerung im Esp8266 Sketch ändern.

Sollwert Tab

Esp8266 Sollwert eingeben

............................................

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 Nodemcu Button

............................................

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.

Ds18B20 Tab und Webseite

Die Html Datei muss im Filesystem des Esp gespeichert werden.

Nodemcu Webseite DS18B20

Sollte der Ds18b20 Sensor nicht gefunden werden, wird Fehler angezeigt.

Esp8266 Webseite DS18B20

............................................

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.

Wemos D1 Mini Webinterface DS18B20

Sollte die Anzahl der Ds18b20 Sensoren nicht mit der der Adressen übereinstimmen, wird Fehler angezeigt.

Esp8266 Webseite DS18B20

............................................

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

Bme280 Tab und Webseite

Es ist auch Möglich zwei Esp.. mit Bme280 Sensor auf einer Webseite darstellen.

Webseite BME280

Sollte der Bme280 Sensor nicht gefunden werden, wird Fehler angezeigt.

Webseite BME280

............................................

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.

Duo Bme280 Tab und Webseite

Die Html Datei muss im Filesystem des Esp gespeichert werden.

Webinterface BME280

............................................

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.

Dual Relais Tab und Webseite

Die Html Datei muss im Filesystem des Esp gespeichert werden.

Nodemcu Relay Webinterface

............................................

Esp8266 LED Dimmer Tab

LED mittels PWM in ihrer Helligkeit über Webinterface steuern.

LED Dimmer Tab und Webseite

Die Webseite inklusive animierte SVG-Grafik zur Anzeige der Helligkeit.

Esp8266 Nodemcu Slider

Esp8266 Wemos D1 Slider

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.

Wemos D1 mini Pro Dateimanager.

Hast du die "spiffs.html" erfolgreich in den Speicher deines Esp8266 geladen siehst du die Esp8266 Datei Verwaltung.

Nodemcu Dateimanager

Jetzt kannst du loslegen. Upload Download Delete Html CSS usw. hochladen LOG Dateien einsehen/runterladen.

Die Sortierung der Dateien ist mittels Klick auf den Pfeil im untersten Listeneintrag möglich.

Grafik Sonoff Dateiverwaltung

Der Dateiname dient gleichzeitig als Link zur Seite bzw. zur Ansicht (Textdatei) im Browser.

Grafik Shelly Dateiverwaltung

Es ist nicht möglich Dateien hochzuladen, die größer sind als der noch verfügbare Speicher. Eine gute Erklärung für die notwendige Begrenzung findest du auf Ullis Roboter Seite.

Grafik Esp8266 Dateiverwaltung

Getestet von 1 MB bis 16 MB Flash. Getestet mit Nodmcu, Wemos D1 Mini Pro, Sonoff Switch, Sonoff Dual

............................................

Esp8266 Mail Tab

E-Mail versenden via smtp2go.com

Dazu brauchst du zunächst einen Smtp2Go Free Account.

Esp8266 Mail Tab

Achtung!

SMTP2GO Free hat ein Limit von 25 E-Mails pro Stunde / 1.000 E-Mails pro Monat.
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.

Sketch Udp Unicast

............................................

Esp8266 UDP Multicast Tab

Senden und empfangen von Nachrichten per UDP.

Multicast ist der Informationsfluss an eine Gruppe von Netzteilnehmern auf diesen Port.

Sketch Udp Multicast

............................................

Esp8266 Http Client Tab

Mit dem Http Client kannst du Daten von einen anderen Esp8266 Webserver holen.

Sketch Http Client Tab

............................................

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.

Sketch Pushbullet Tab

Smartphone Pushbullet

............................................

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

Die erste Programmierung des Sonoff Dual erfolgt mittels eines USB to TTL Serial Adapter, der für 3.3V geeignet ist. Danach über Arduino OTA.

Sketch Sonoff Dual Tab

Sonoff Dual Connect Tab

Die Html Datei muss im Filesystem des Sonoff gespeichert werden.

index.html

Sonoff Dual Webinterface

............................................

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.

Wlan Präsenzmelder Tab

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

Dht22 Tab und Webseite

Die Html Datei muss im Filesystem des Esp gespeichert werden.

Webseite DHT22

............................................

Esp8266 FritzFon Anruferkennung Tab

Der FritzFon Tab ermöglicht eine Anrufsignalisierung mittels Zusatzklingel oder Signalleuchte.

Sketch FritzFon Anruferkennung Tab

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}

Grafik Webseite Admin

............................................

Esp8266 NTP Lokalzeit Tab

Inclusive automatische Umstellung Sommerzeit - Normalzeit
Aller 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

Webseite Uhrzeit

Anzeige Uhrzeit und Datum

Webseite 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.

Weltzeit Tab und Webseite

Webseite Weltzeit

............................................

Esp8266 Zeitschaltuhr Dual Tab

Zeitschaltuhr mit NTP Zeitsynchronisation

Die 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 Webinterface

Das erfolgreiche speichern der Schaltzeiten auf dem Esp8266 Webserver wird im Webinterface angezeigt.

Esp8266 Zeitschaltuhr Webseite

Ansicht Zeiteinstellung Mobil Device Android

Esp8266 Zeitschaltuhr Webinterface

............................................

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.

Esp8266 Zeitschaltuhr Webinterface

Es lassen sich alle Schaltzeiten zusammen aktivieren/deaktivieren.

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 Sonnenaufgang und Sonnenuntergang Webinterface

............................................

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.
Esp8266 TX23 Windsensor

Installiere die Library für den TX23 Tab

TX23 Tab und Webseite

Die Html Datei muss im Filesystem des Esp8266 gespeichert werden.

Esp8266 TX23 Webinterface

Zum umschalten der Anzeige einfach in die Windrose klicken.

Esp8266 TX23 Webinterface

............................................

Esp8266 BH1750 Tab

Beleuchtungsstärke in LUX

Installiere die Library für den BH1750 Tab

BH1750 Tab und Webseite

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.

Esp8266 BH1750 Webinterface

116 Kommentare - Kommentar eintragen

georg ✪ ✪ ✪ ❘ 04.02.2021: hallo,
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

Andreas ❘ 30.01.2021: Hallo 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

Rene ❘ 10.01.2021: in deinem tab "Sketch Esp8266 Login Manager mit Captive Portal und optischer Anzeige" wird die funktion "handleFile" nicht gefunden.

Antwort:
Wurde der LittleFS Tab eingebunden?

Gruß Fips

Konrad ✪ ✪ ✪ ❘ 03.01.2021: Es ist unglaublich faszinierend, wie klar und einfach die Sketche über die Tabs in Arduino IDE bei den Beispielen hier funktionieren!

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

Konrad ✪ ✪ ✪ ❘ 02.01.2021: Nachtrag zu meinen Kommentaren:

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

Konrad ✪ ✪ ✪ ❘ 01.01.2021: Kleiner Nachtrag zum gerade vorhin geschriebenen:

Beim der SPIFFS Version funktioniert alles BLENDEND!
Danke echt super. Endlich habe ich vieles Unklares verstanden.

Wäre echt cool, wenn ich das Gleiche beim LittleFS hinbekäme.

Konrad

Antwort:
Beim Wechsel zwischen den verschiedenen Dateisystemen ist es teilweise erforderlich den Flash zu leeren.

Gruß Fips

Konrad ✪ ✪ ✪ ❘ 01.01.2021: Tolle Beispiele, super nachvollziehbar!

Jetzt schon Danke.

Frage zum ESP8266 Filesystem Manager mit LittleFS:
Sketch sauber drin, fs.html und style.css über LittleFS hochgeladen -> Meldung: ok.
Danach die IP in den Browser eingetragen: "FileNotFound" aus:

void setupFS()......

Was muss ich tun, um dem Fehler besser auf den Grund zu gehen?

Sorry, bin gerade etwas platt und weiß nicht weiter.

Konrad

Antwort:
In der IDE unter Werkzeuge / Erase Flash: / All Flash Contents vor dem Sketch Upload einstellen. Zurückstellen bitte nicht vergessen.

Gruß Fips

Andreas ✪ ✪ ✪ ❘ 26.12.2020: Hallo Fips,

Danke für diese umfangreiche Dokumentation mit Beispielen.
Ich habe schon viele Beispiele ausprobiert.

Ich benutze das Accesspoint Connect.
Die Admin Seite passt aber nicht zu diesem Accesspoint Connect.
Viele Daten werden mit IP unset angezeigt.
Viele Daten stehen hinter einem falschen Text Knoten. z.B. Gateway IP mit HEX MAC Daten.
Hinter den letzten beiden Daten ESP CORE Version und SDK Version steht nichts. Da scheinen die Werten nach oben verschoben zu sein.

Antwort:
Auf der Webseite vom "Accesspoint Connect" steht ganz oben das der Admin Tab nicht dazu passt.
Beim Access Point werden viele Methoden vom EspCore gar nicht zur Verfügung gestellt. Es müsste also ein Admin Tab speziell für den AP geschrieben werden.
Wenn dich das fehlende nicht stört und dir nur die Reihenfolge wichtig ist kannst du diese durch den Austausch der folgenden beiden Zeilen in der "admin.html" erreichen.

span[8].innerHTML = obj['Hostname'];
span[9].innerHTML = obj['SSID'];
Ändern in
span[8].innerHTML = 'unset';
span[9].innerHTML = 'unset';

Gruß Fips

Raver ✪ ✪ ✪ ❘ 19.12.2020

Hallo,
erst mal ein super Projekt was du auf die Beinen stellst.
Ich habe beim Individual Button Tab. Mqtt eingefügt läuft alles super. Nur mein Problem ist das die Buttons sich nicht neuladen gibt es da eine möglichkeit das sie neu laden wenn der Status sich ändert?

Gruß
Raver

Antwort:
Neu laden wenn der Status sich geändert hat klappt nur mit Websocket.
Jede Sekunde den Status beim Server abfragen reicht für so eine Anwendung meist aus.

quick and dirty

setInterval( () => { send(JSON.parse(localStorage.getItem('button'))); }, 1000 );

Gruß Fips

Bauer ❘ 12.12.2020: Mahlzeit, ich hab Probleme die #include irgendwo zufinden....
Es geht besonders um die SPIFFS.h & WebServer.h.

Vielen Danke!

Antwort:
Diese sind Bestandteil des ESP8266 Arduino core.
Hast du das Esp Framework in der Arduino IDE installiert?

Gruß Fips

Esp8266 Webserver Arduino Tab

Esp8266 WebServer Tab

Esp8266 Connect Tab

Esp8266 Access Point Tab

Esp8266 Connect Mixed Mode Tab

Esp8266 Login Manager mit Captive Portal Tab

Esp8266 EspBoardLed Tab

Esp8266 OnBoardLed Tab

Esp8266 Html Form Tab

Esp8266 Sollwert Tab

Esp8266 Individual Button Tab

Esp8266 DS18B20 Tab

Esp8266 DS18B20 Liste Tab

Esp8266 BME280 Tab

Esp8266 mit zwei BME280 Tab

Esp8266 Dual Relais Tab

Esp8266 LED Dimmer Tab

ESP8266 Filesystem Manager

ESP8266 Datei Manager

Esp8266 Mail Tab

Esp8266 UDP Unicast Tab

Esp8266 UDP Multicast Tab

Esp8266 Http Client Tab

Esp8266 Pushbullet Tab

Esp8266 Sonoff Dual Tab

Esp8266 Fritzbox Wlan Präsenzmelder

Esp8266 DHT22 Tab

Esp8266 FritzFon Anruferkennung Tab

Esp8266 Admin Webinterface

Esp8266 NTP Lokalzeit Tab

Esp8266 Weltzeit Tab

Esp8266 Zeitschaltuhr Dual Tab

Esp8266 Zeitschaltuhr Singel Tab

Esp8266 Sonnen Auf/Untergang Tab

Esp8266 TX23 Tab

Esp8266 BH1750 Tab