Schlagwort-Archive: Webserver

BitBastelei #335 – ESP8266 Webserver (AJAX/SPIFFS) für China-Fliegenfänger

BitBastelei #335 - ESP8266 Webserver (AJAX/SPIFFS) für China-Fliegenfänger

(619 MB) 00:49:02

2019-05-26 10:00 🛈

Vor einigen Wochen hatten wir uns einen „Fliegenfänger“ angesehen, der sich technisch nicht sonderlich anspruchsvoll darstellte. In IoT-Zeiten natürlich völlig indiskutabel, also darf das Teil nun als Übungswiese für den ESP8266 dienen. Auf dem Programm also – nach dem nötigen Hardware-Umbau – eine Runde ESP8266-Webserver mit AJAX und SPIFFS – und das ganze ausführlich erklärt.

Inhalt

  • 08:00 Beginn Programmierung
  • 08:23 ESP8266 mit dem WLAN verbinden
  • 13:35 Einfacher Zugriff auf den ESP8266: MDNS
  • 15:44 ESP8266 als Webserver
  • 17:50 Texte im Browser anzeigen
  • 19:39 Mehrere Webseiten per URL, Variablen ausgeben
  • 21:29 Unbekannte URLs abfangen
  • 22:50 Browserausgabe mit HTML formatieren
  • 25:12 Webseiten und Bilder per SPIFFS
  • 31:52 Live-Werte mit Javascript, AJAX und JSON
  • 40:31 Programmbeispiel auf Basis der gezeigten Codes mit JQuery und Bootstrap

Links zum Thema

HTTPS-Umleitung per .htaccess

HTTPS, also verschlüsselte Webzugriffe, sind eigentlich für alle Seiten sinnvoll. Leider sind offizielle Zertifikate je nach Umfang nicht gerade billig und selbstsignierte erzeugen bei den Besuchern Warnmeldungen. Zwar ist es generell möglich HTTP und HTTPS parallel laufen zu lassen, allerdings haben einige Systeme, wie z.B. das hier verwendete WordPress, damit so ihre Probleme. Zwar ist es seit WordPress 2.6 generell möglich den Adminbereich über HTTPS zu betreiben (vorher haben einige AJAX-Elemente nicht korrekt funktioniert), ist jedoch eine nicht-HTTPS-Adresse in der Konfiguration eingetragen verweisen alle Admininstations- und Editierlinks auf die ungesicherte Seite. Hier lässt sich mit einer .htaccess-Datei, welche ich auf Joseph Scott’s Blog gefunden habe, im Verzeichnis wp-admin Abhilfe schaffen:

RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI}

dieser Code leitet alle Aufrufe auf die Admin-Bereiche auf die gesicherte HTTPS-Verbindung um, normale Seitenaufrufe sind nicht betroffen. Die htaccess-Methode lässt sich natürlich auch für andere Scripte und Bereiche verwenden.