ESP WEB Serial Library

Last Updated on 8. October 2026 by Suffocation●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.

Programming

Libraries

WebSerial Bibliothek●Link status: OK

ESPAsyncTCP●Link status: OK

ESPAsyncWebServer ●Link status: OK

Example Programme

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

This is what it looks like

Wie man sieht, nimmt der freie Speicher ab 😉

Miscellaneous

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

Conclusion

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.

Related Posts

Sources

https://github.com/ayushsharma82/WebSerial●Link status: OK

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

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