ESP WEB Serial Bibliothek

Last Updated on 8. Oktober 2026 by sfambach●Link-Status: OK

Bei Projekten, die nicht am seriellen Port hängen können, ist die Fehleranalyse manchmal hartnäckig. Umso schöner, dass es Projekte wie die WEB-Serial Bibliothek gibt, die es ermöglichen, einfach eine Website auf dem ESP zu öffnen, um serielle Ausgaben dort zu zeigen.

Ich habe die freie Version der Bibliothek ausprobiert. Es gibt auch noch eine Pro Version, die ein paar zusätzliche Funktionalitäten wie eine Scrollbar, Stop Knopf und einen Clear Knopf besitzt.

https://github.com/ayushsharma82/WebSerial●Link-Status: OK

In den Code geschaut

Der Code ist recht überschaubar, es gibt eine WebSerialClass und eine Website, die mittels gzip komprimiert und als Array hinterlegt ist. Würde man die Seite decodieren, wäre viel Java Script zu sehen und wenig HTML.

Programmierung

Bibliotheken

WebSerial Bibliothek●Link-Status: OK

ESPAsyncTCP●Link-Status: OK

ESPAsyncWebServer ●Link-Status: OK

Beispiel Programm

Ein Beispielprogramm wird auch hier mitgeliefert.

Meine Version des Programms ist unter folgendem Link zu finden, wobei zum größten Teil dem Beispielprogramm des Bibliotheksentwicklers entspricht.

https://github.com/sfambach/esp32/tree/master/src/WebSerial●Link-Status: OK

So sieht es aus

Wie man sieht, nimmt der freie Speicher ab 😉

Sonstiges

Es gibt ein ganz ähnliches Projekt, die Oberflächen sehen recht gleich aus. Allerdings entschuldigt sich der Entwickler, dass es sich hierbei schon um die Proversion handelt ;).

https://github.com/asjdf/WebSerialLite●Link-Status: OK

Fazit

Die Bibliothek ist einfach installiert und eingebunden und kann bei der Fehlersuche ohne serielle Verbindung sehr hilfreich sein. Ob die Pro Version die Investition von rund 60$ wert ist, muss jeder für sich entscheiden. Bei 20$ hätte ich wahrscheinlich gar nicht viel drüber nachgedacht, 60$ finde ich für Hobbyprojekte etwas viel. Es gibt weitere Anbieter solcher Bibliotheken, jeder sollte für sich entscheiden, ob ihn diese unter Sonstiges gezeigte Grauzone es wert ist.

Für mich war es der Einstieg in dynamische Webseiten. Ich wollte die Funktionalität analysieren, dies wurde etwas erschwert durch die gzip Array Variante der Website. Hat man diese Hürde genommen, zeichnet sich der Code durch unnötig komplexe JavaScript-Magie aus, somit war dieses Beispiel nicht sehr hilfreich für mich und ich werde nach anderen Ausschau halten.

Verwandte Beiträge

Quellen

https://github.com/ayushsharma82/WebSerial●Link-Status: OK

https://randomnerdtutorials.com/esp32-webserial-library/●Link-Status: OK

https://onlinestringtools.com/convert-ascii-to-string