ESP8266 für richtige Webseiten

Was ich brauche:

Ein ESP8266 in Form eines NodeMCU-Boards steuert einige Gerät im Haushalt. Per WLAN möchte ich die Geräte über eine tolle Webseite steuern. Ich arbeite gerne mit Foundation und möchte deshalb dieses Framework zum Einsatz kommen lassen. Die Basisinstallation besteht aus 7 Dateien (1 HTML/3 CSS/4 Javascript) und benötigt ca. 300kB Platz.

Probleme:

Der ESP8266-12E hat nur 64kB RAM, viele Webseiten enthalten aber Dateien, die viel grösser sind.
Der ESP8266 kann immer nur eine Verbindung aufrecht erhalten. Braucht eine Webseite viele Dateien, kann das zu Problemen führen, weil die Browser mehrere Anfragen zeitnah stellen. Eine HTML- und eine Bilddatei funktionieren aber gut.

Lösungen

Webseitendateien werden im Flash (mindestens 1 MByte gross) gespeichert und von dort ausgegeben. Dazu gibt es ein Shell-Script (convert.sh), das die Dateien des Ordners «website» in die Da-tei «websites.h» übersetzt, welche schliesslich mittels «Flash.h» in den Flash geladen wird.

Funktioniert gut auch mit Dateien, die einige Duzend kB gross sind.
Möglichst alle Dateien der Webseite in eine Datei verpacken (Skripte, CSS, auch Bilder, falls mehr als ein Bild eingefügt werden soll).

Codes:

ESP_Webserver_fuer_richtige_Webseiten.ino: Webserver-Code
Flash.h: Handelt das Schreiben und Lesen in den Flash-Speicher
convert.sh: Übersetzt die Webseite in websites.h (Vorbereitung für Überführung in Flash)
website: Die Dateien der Webseite: index.html und bild.jpg
website mit foundation: Die Dateien der Webseite mit einem vollen Foundation in einer Datei drin: index.html und bild.jpg
websites.h: Die strukturierte Byte-Variante der Webseite-Dateien
ESP_Webserver_fuer_richtige_Webseiten.pdf: Dieses Howto als PDF
ESP_Webserver_fuer_richtige_Webseiten.zip: Alle Dateien in der richtigen Anordnung als ZIP.

Thanks to:

http://www.esp8266.com/viewtopic.php?f=32&t=3780: Tom and treii28

ESP8266 Webserver for real Websites

Was ich brauche:

Probleme:

Lösungen

Codes:

Thanks to: