ESP8266 Web Server and Websockets Using Arduino IDE (Mac OSX and Windows) | vs. AJAX and HTTP

Video Description

• Your support helps me post videos more frequently: https://www.patreon.com/acrobotic https://www.paypal.me/acrobotic https://buymeacoff.ee/acrobotic BTC: 1ZpLvgETofMuzCaKoq5XJZKSwe5UNkwLM ========== • Find me on: https://twitter.com/acrobotic https://facebook.com/acrobotic https://instagram.com/acrobotic ========== • My shops: https://acrobotic.com/shop https://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 (https://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 (https://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: https://acrobotic.com/products/acr-00027 https://amzn.to/2PBK2KE (affiliate) ACROBOTIC WeMos D1 Mini V2 Development Board for ESP8266: https://acrobotic.com/products/acr-00017 https://amzn.to/2D3KiA6 (affiliate) ========== • Project code: Firmware for the Arduino IDE: https://github.com/acrobotic/Ai_Tips_ESP8266/tree/master/webserver_websockets Websockets library for Arduino (best installed through library manager): https://github.com/Links2004/arduinoWebSockets ========== • Tutorials: Detailed guide for getting started with the WeMos ESP8266 Development Board: https://learn.acrobotic.com/tutorials/post/wemos-d1-mini-esp8266-getting-started https://youtu.be/GQIT_NMhgFw ========== • Music: Music by andyclassical. https://audiojungle.net/user/andyclassical/portfolio. Envato's Music Standard License ========== #ESP8266 #Arduino #Tutorial