Uploaded September 2018 | Updated September 2026, 2 weeks ago

---

• Your support helps me post videos more frequently:
patreon.com/acrobotic
paypal.me/acrobotic
https://buymeacoff.ee/acrobotic
BTC: 1ZpLvgETofMuzCaKoq5XJZKSwe5UNkwLM
==========
• Find me on:
twitter.com/acrobotic
facebook.com/acrobotic
instagram.com/acrobotic
==========
• My shops:
acrobotic.com/shop
amazon.com/shops/acrobotic
==========
• Description:
In this video I show you how to get started with WebSockets, one of the latest web technologies for exchanging data between web clients and web servers.
We've seen how to use HTTP requests from a web browser to request data from a web server running on the ESP8266 (youtu.be/VNgFbQAVboA). A problem is that every time the client sends a request, the entire webpage needs to be reloaded. We saw how using XML HTTP requests and AJAX allowed for dynamically updating parts of the webpage (youtu.be/ZJoBy2c1dPk).
With websockets the data exchange between a client and server is much easier, faster, and doesn't need a request to be made by the client.
In this tutorial, I build a webpage that:
1. Allows me to display text data sent from the server using the Serial Monitor for text input.
2. Allows me to send text data to the server using the Serial Monitor as a display output.
3. Allows me to change the value of a slider to set the brightness value of an LED that's controlled by the web server running on the ESP8266.
==========
• Project parts:
ACROBOTIC WeMos Development Kit for ESP8266:
acrobotic.com/products/acr-00027
amzn.to/2PBK2KE (affiliate)
ACROBOTIC WeMos D1 Mini V2 Development Board for ESP8266:
acrobotic.com/products/acr-00017
amzn.to/2D3KiA6 (affiliate)
==========
• Project code:
Firmware for the Arduino IDE:
github.com/acrobotic/Ai_Tips_ESP8266/tree/master/webserver_websockets
Websockets library for Arduino (best installed through library manager):
github.com/Links2004/arduinoWebSockets
==========
• Tutorials:
Detailed guide for getting started with the WeMos ESP8266 Development Board:
learn.acrobotic.com/tutorials/post/wemos-d1-mini-esp8266-getting-started
youtu.be/GQIT_NMhgFw
==========
• Music:
Music by andyclassical. audiojungle.net/user/andyclassical/portfolio. Envato's Music Standard License
==========
#ESP8266 #Arduino #Tutorial