Esp32 WebServer Tab
Der Webserver ist der erste Tab, auf dem sich alles aufbauen lässt.Inklusive Arduino OTA um Updates online zum ESP32 zu senden.
............................................
Esp32 Connect Tab
Ist natürlich notwendig um die Verbindung zum Router aufzubauen.............................................
Esp32 Access Point Tab
Den Esp32 autark betreiben.............................................
Esp32 Login Manager Tab
Mit dem Login Manager für deine ESP32 Projekte brauchst du die Netzwerk-Zugangsdaten (SSID und Passwort) nicht mehr fest codieren.Eingabe der Zugangsdaten über ein Webinterface. Es wird ein Access-Point mit dem Namen "EspConfig" erstellt. Die Zugangsdaten werden im Spiffs des Esp32 gespeichert.
............................................
Esp32 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
Die Html Datei muss im Spiffs des Esp gespeichert werden.
............................................
Esp32 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 ESP32 gefolgt von "/led" ein. zB.: "http://192.168.179.57/led"
............................................
Esp32 OnBoardLed Tab
Dies ist die Moderne Version, beim schalten wird, mittels Javascript "Fetch.Api", nur der Text und die Farbe vom Button aktualisiert.Esp32 OnBoardLed Tab und Webseite
Die Html Datei muss im Spiffs des Esp gespeichert werden.
Esp32 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.Esp32 Individual Button Tab und Webseite
Die Html Datei muss im Spiffs des Esp gespeichert werden.
............................................
Esp32 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.
............................................
Esp32 Pushbullet Tab
Push Nachrichten vom Esp32 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.
Esp32 Spiffs 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 Esp32 die spiffs.html über die Adresszeile deines Browsers auf. Beispielsweise so "http://192.168.179.46/spiffs.html"
Das Favicon für den Browser, im Spiffs speichern.
............................................
Esp32 Udp Sender Tab
Sendet Nachrichten per UdpEs wird nur gesendet, es findet keine Auswertung der Antwort statt.
............................................
Esp32 DHT22 Tab
Die Klimadaten werden zur Anzeige auf der Webseite aller zwei Sekunden aktuallisiert.Installiere die Library für den DHT22 Tab
Die Html Datei muss im Spiffs des Esp gespeichert werden.
............................................
Esp32 TX23 Tab
Windgeschwindigkeit- und Richtung mit Fifo Puffer für die Anzeige der maximalen Geschwindigkeit der letzten Stunde.
Installiere die Library für den TX23 Tab
Die Html Datei muss im Spiffs des Esp32 gespeichert werden.
Esp32 Admin Webinterface
Füge die "admin.ino", vorzugsweise als Tab, zu deinem Webserver Sketch hinzu und lade anschliesend mit Hilfe des Esp32 Datei Manager die admin.html in den Spiffs.Die Spiffs.ino ist zum ausführen der Admin.ino erforderlich.
Die Esp32 "Admin.ino" funktioniert derzeit nur unter Windows. Für die Darstellung ist die style32.css analog Spiffs Verwaltung, erforderlich.
............................................
Esp32 Lokalzeit Tab
Inclusive automatische Umstellung Sommerzeit - NormalzeitDu kannst die Zeitzone für deinen Standort im Sketch anpassen. Einmal am Tag wird die aktuelle Zeit vom NTP Server geholt.
Esp32 Lokalzeit Tab und Webseite
............................................
Esp32 Zeitschaltuhr Dual Tab
Zeitschaltuhr mit NTP ZeitsynchronisationDer Lokalzeit Tab 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. Die optische Schaltzustandsanzeige ist gleichzeitig der Button zum manuellen Ein-/Ausschalten der Ausgänge.Esp32 Zeitschaltuhr Tab und Webseite
Die Html Datei muss im Spiffs des Esp gespeichert werden.
............................................
Esp32 Zeitschaltuhr Tab
Zeitschaltuhr mit NTP ZeitsynchronisationDer Lokalzeit Tab ist für die Zeitschaltuhr erforderlich
Die Schaltzeiten werden im Spiffs des Esp32 gespeichert. Auf der Webseite werden die aktuell eingestellten Schaltzeiten angezeigt. Die Html Datei muss im Spiffs des Esp gespeichert werden.
............................................
Esp32 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.Sketch Sonnen Auf/Untergang Tab
............................................
Esp32 BH1750 Tab
Beleuchtungsstärke in LUXInstalliere die Library für den BH1750 Tab
Die Html Datei muss im Spiffs des Esp32 gespeichert werden.
Ich habe in meinem Javascript folgenden code eingebaut:
https://hastebin.com/ulizixizey.js
Und in meinem Arduino Code habe ich folgendes:
https://hastebin.com/jonugacosi.cs
Allerdings funktioniert das ganze nicht!
LG Linus
Antwort:
Dein Javascript lässt sich ohne HTML nicht testen.
Gruß Fips
Ich verusche grade mit requests und responses zu arbeiten, weiß aber nicht, wie ich die Request in den Arduino Code bekomme.
LG Linus
Antwort:
Was möchtest du vom Browser an den ESP senden?
Gruß Fips
Ich versuche grade mit Javascript und fetch() eine request an den Webserver zu senden. Nun stellt sich mir die Frage: Wie kann ich bei der server.on("/post", HTTP_POST, handlePost) Methode die Request dazu bekommen?
LG Linus
Antwort:
Mit "server.argName()" und "server.arg()" wäre das möglich.
Gruß Fips
Dir noch ein schönes Wochenende.
Gruß Uwe
Antwort:
Gerade mit einem Esp8266 probiert.
Index.html lädt 2x css, 1x js, 1x Favicon und 8x img.
Die 8x Bilder dauern ein wenig, aber werden geladen.
Eventuell die Bilder bei dir mit Javascript nachladen?
Gruß Fips
vielen Dank für die tolle Seite und die vielen Erklärungen in den Sourcen.
Ich habe einen Datenlogger gebaut (GPS und U/min) der die aktuellen Werte in einer Webseite anzeigt.
Ich möchte diese Daten aber auch gerne per SPIFFS in einer Datei speichern und bin mir nicht sicher ob das überhaupt so geht.
Denn wenn ich SPIFFS benutze musste ich bisher immer die Messwerterfassung stoppen da es ansonsten eine Guru meditation gab. Nach Google recherche weil ich interrupt Routinen laufen hatte und die das schreiben in den internen Flash verhindern.
Wie kann ich das am besten umgehen? Will ja nicht immer beim schreiben der Daten die Interrupts detachen und danach wieder attachen.
Gruß
Tomas
Antwort:
Ich habe noch nie mit Interrupts gearbeitet. Es war bisher einfach nicht nötig.
Gruß Fips
mal ein ganz anderes Problem.
Habe über Spiffs ca. 10 Datein hochgeladen:
index.html, *.css, *.js und einige Bilder.
Rufe ich nun über den Browser die index.html auf, dann fordert ja der Browser die restlichen Datein an. Der ESP32 scheint da so seine Probleme zu haben, denn nicht alle Datein werden nachgeladen. Wahrscheinlich kann der ESP die Sendeanforderungen des Browsers nicht so schnell bedienen. Gibt es da einen Trick17 ?
viele Grüße Uwe
Antwort:
Wie viele schafft er den?
Für Bilder gibt es loading="lazy"!
Alternativ, externe Ressourcen mit JavaScript nachladen.
Gruß Fips
auch von mir ein dickes lob für deine Seite, bis auf Anfangsschwierigkeiten (bin Anfänger), konnte ich auf meinen ESP32 Cam- Admin, LED, Spiffs, Schaltuhr Tabs erfolgreich installieren,
meine Idee (vorhaben) ist ein Türschloss für die Garagentür zu basteln, wenn man die LED Tabs so konfigurieren kann das es als Pin Tastatur fungiert, bei richtiger Pin eingabe schaltet das Relais. Hättest du ein Paar Tips für mich?
Als komfort Variante wäre ESP 32 Cam Gesichtserkennung mit Bluetooth LE, da ich mich mit der Bluetooht LE nicht so aus kenne, konnte ich noch nicht realisieren.
Da war meine Idee, ich nähere mich zur Tür, ESP32 Cam erkennt mein Handy über Bluetooth , gibt die Gesichtserkennung frei und die Gesichtserkennung schaltet das Reilas. Nur Gesichtserkennung war mir zu unsicher mit einem Foto kann man auch das Relais schalten. Kennst du dich evtl. mit Bluetooth LE aus?
Viele Grüße
Gim
Antwort:
Ich habe mich noch nie mit Tastaturen oder Bluetooth beschäftigt.
Gruß Fips
Merci und thanx
(☞ﾟヮﾟ)☞
Antwort:
Danke, für dein Feedback!
Gruß Fips
Im Arduinoforum habe ich den Tipp bekommen hier wegen des ESP32-CAM nachzufragen.
Ich möchte eine einfache Videoüberwachung mit der ESP32-CAM aufbauen wobei der ESP32 einen Accesspoint haben soll. Also mit dem Handy beim ESP32 anmelden, den Browser starten und den Videostream ansehen.
Die Beispiele die ich bisher im Netz gefunden habe lassen sich zwar installieren und auch die WLAN-Verbindung funktioniert aber leider wird die Seite im Browser nicht gefunden obwohl die IP stimmt. Jetzt suche ich ein Prog. was komplett funktioniert.
Kannst du mir dabei helfen?
LG
Wolfgang
Antwort:
Mit der ESP32-CAM kenne ich mich nicht aus. Mit dem Esp32 Access Point Tab funktioniert aber alles wie gewohnt.
Sollte also auch mit der Cam klappen.
Gruß Fips
besten Dank zunächst für die Seite!
Ich habe den WebServer runtergeladen und den SPIFFS eingebunden. Die erste Fehlermeldung lautet nun, dass er "runtime()" nicht findet. Auch all die Zeilen mit DEBUG meckert er an.
Nun denke ich, da müßte ich noch einiges mehr einbinden. Wo könnte ich denn suchen, das zu finden?
Antwort:
Den Aufruf der Funktion "runtime()" kannst du im WebserverTab auskommentieren wenn du den AdminTab nicht nutzen möchtest.
"DEBUG meckert er an" ist keine Fehlermeldung, dir mich das Problem erkennen läst!
Gruß Fips