ESP32 WebSocket Server
ฝัง
- เผยแพร่เมื่อ 9 พ.ค. 2024
- The ESP32 controller is programmed as a webSocket server to establish real-time communication with a client browser.
Link to code:
akuzechie.blogspot.com/2020/1...
Link to Ulas Dikme TH-cam channel:
/ @ulasdikme7307
Link to libraries:
www.arduinolibraries.info/lib...
www.arduino.cc/reference/en/l...
Contents:
0:00 Introduction
0:35 HTTP & AJAX Client-Server Models
1:38 WebSockets Specs
2:09 ESP32 WebSocket Client/Server Model
3:00 Block Diagram of Implemented System
3:24 Demonstration
3:45 C++ Sketch
7:22 HTML, CSS & JavaScript Codes
8:37 C++ Sketch (continued)
9:33 JavaScript Code (continued)
10:08 Conclusion
Thank you for sharing your technical videos! I have just started with the ESP32 device and need a far amount of guidance on using a web interface. The style of cleanly documenting your code and the well presented videos are superb! I look forward to the learning!
Thanks for your feedback
It was a really nice video! Hope to see more from you! Thanks! :)
Thanks for your feedback
Thanks so much for this sequence of videos. I started out looking for Ajax, but then came on your series and started watching them and ended up doing a websockets implementation on ESP8266 instead. You do a great job of stripping the lesson down to fundamentals for the technology under discussion. Your quick demo of debugging html and javascript together in VSCode was worth the watching all by itself.
Thanks for your feedback
I've got to say this might be the single most helpful video I've seen on this. Thank you for your help, sir!
Thank you
Many thanks, it is very useful for me.
Very well explained! Thank you very much!
Thanks for your feedback
EXTREMELY HELPFUL!! THANK YOU !
Thanks for your feedback
Great, the way you have explained.
Thanks for your feedback
Muchas gracias por este video. Hice el ejercicio completo, con los archivos existentes en los enlaces y todo me funcionó a la perfección. Thanks a lot.
Gracias por sus comentarios
AMAZING EXPLANATION!
Thanks
Very helpful video, thank you very much. Also very well presented.
When I tried to compile, I got an error message that within WebSocketsClient.cpp:234:30, the class WiFiClientSecure has no member named 'setInsecure'. It turned out that the WebSockets 2.3.5 library required a newer esp32 core than I was using. It was compiling fine with esp32 core 1.0.6 (I used 1.0.4 before).
This works great, can you show us how to edit this to use a static wi-fi IP?
Tu eres una maquina
Woooo. Very good video. Thx.
Thanks
Awesome !
Thanks
Great explination. can we use this same for Acess point function
Very Helpful video
Thank you
The best explanation ever
Thank you
@@AnasKuzechie excellent job! You an inspiration for makers. Would it be possible for you to do facial recognition code analysis on esp32-cam?
@@rubialugattimoreira1978 Thanks again for your kind comment. Well that's a big project, but hopefully find the time and material to implement it.
tools used only, esp32 and led?
do you have a picture schematic diagram? this project
Hello, Can you provide an example of how to make that when one client clicks a button to turn on the LED status is sent to all connected clients
Thank you for this tutorial.
I have a question what's your opinion is the best way to take information from server , it to use Ajax or WebSocket librairy?
Hi. If latency is not an issue, I would suggest AJAX. Thanks for your feedback.
Do you have a schematic drawing of the device installation diagram? , Thank you in advance
sr i have to read readings from mpu9250 what alternations i have to made ?
i tried this code it only work when usb cable is connected when i remove it the web server do not work
I love the video, I'm having a bit of trouble getting the libraries used. can you share the link?
Thanks for your feedback. Links to libraries in the description.
Hello, really great video.
I implemented your code and got a working a real time graph on my webpage. When I tried to expose my local network using Ngrok I found that I could only expose the webpage (on port 80), but the data to be plotted was not being received due to the fact that the whole websocket server is set on port 81. Is there a way get my webpage and the websocket protocol joined into a single port (80)? Or a way to expose both ports 80 & 81 to be able to receive the incoming data?
Thanks a lot, your videos have taught me a lot.
make sure that ngrok is running with the correct arguments; for example ngrok http 81 ..
and more importantly, make sure that the firewall is not blocking traffic on port 81
How to connect from command line using websocat?
I've been looking for a way to work with both websocket and the webserver... turns out I juz need to switch the ports :'
Ty
Thanks
Awesome explanation line by line make any beginner enthusiastic to subscribe to learn more
Thank you
Great sir. Can we use this esp32 ip an outside network
Thanks for your feedback. No, the code is for local IP.
GOOD
Thanks
I want to do this over the internet but I am having trouble with a certificate....CA.
Anas how do I adapt this code to the ethernet shield of arduino?
Hi Marcos. I haven't applied websocket on the Arduino yet, I need to do some research first. However, I did manage to implement AJAX using the ethernet shield. You can watch my video: th-cam.com/video/PeK2gAdqjas/w-d-xo.html
Zoom further into code please. I have a tiny screen.
kindly guide me
I'm so sick of seeing these examples that ALL use "WebServer.h" and "WiFi.h". We're wasting our time with these examples. Those libraries DO NOT EXIST anywhere!
So frustrating. 😖
Nothing would make me happier than to be proven wrong with a simple link to them.
Thanks for your feedback. I normally write my own libraries. May be I’ll make one in the near future.