WEBSOCKETS WITH ESP32 - REAL TIME CONTROL
Вставка
- Опубліковано 15 лип 2024
- Sitio Web UTSOURCE: bit.ly/3rLO35N
Facebook: bit.ly/3ZOWtrj
SERIE ESP32 #21: Websockets - Real Time Control - Esp32 Parte 1
En este video, mostraré cómo utilizar websockets en conjunto con el ESP32 para crear una comunicación bidireccional entre un cliente web y el microcontrolador. Los websockets son una tecnología que permite establecer una conexión persistente entre el cliente y el servidor, lo que significa que los datos pueden ser enviados y recibidos en tiempo real.
En el video, veremos paso a paso en la implementación de un servidor web con websockets en el ESP32, Además, te mostraré cómo crear una página web para el cliente que se conectará al servidor y cómo escribir el código en JavaScript para enviar y recibir datos a través de los websockets.
• DESCARGA CÓDIGO WEBSOCKETS PARTE 1 Y 2
======================================
- / 82612832
======================================
• LIBRERIA WEBSOCKETS
- github.com/Links2004/arduinoW...
• VIDEOS DE INTERÉS
======================================
Diferencia entre HTTP y HTTPS: • DIFERENCIA ENTRE HTTP ...
Server Asíncrono: • Proyecto IoT - Esp32 -...
Arduino IDE 2.0: • ARDUINO IDE 2.0 - VERS...
Peticiones HTTPS Esp32: • SERIE ESP32 # 11: PETI...
Uso de PROGMEM: • ARDUINO TIPS #12: Como...
Guardar Archivos SPIFFS: • SERIE ESP32 #17: SPIFF...
======================================
• CONTACTO - PROYECTOS
======================================
Facebook: / jadsacorp
Linkedin: / jhimmyastoraque
Instagram: / jhimmy_ad
Twitter: / jhimmy_ad
======================================
• INDICE
==================================
0:00 Introducción
1:12 ¿Qué es WebSockets?
2:20 ¿Qué realizaremos?
2:50 UTSource
4:07 Librería ArduinoWebSockets
5:02 Ejemplo 1 Explicación
9:38 Explicación Pagina Web Control Led
11:48 Demostración Control de Led WebSocket
=================================
IC chip: www.utsource.net
IGBT: www.utsource.net/category/ele...
Componente Electrónico: www.utsource.net
Condensador: www.utsource.net/category/pas...
Diode: www.utsource.net/category/ele...
Encuentra Chips: www.utsource.net
Transistores: utsource.net/category/elec-co...
Darlington: www.utsource.net/category/ele...
Sensores: www.utsource.net/home/sensors
___________________________________
Music from Free To Use Music
Track: 'Better Days' by Emre Bayrak
• • Chill LoFi Hip Hop No ...
___________________________________
#websockets #esp32 #esp32project #jadsa #iot #tutorial - Наука та технологія
Mira toda la Serie ESP32: bit.ly/SerieESP32
🎁 APOYA esta serie y canal para seguir creando contenido: www.patreon.com/jadsa
👀 Suscríbete al canal! ua-cam.com/users/jadsatv
📲 Linkedin: www.linkedin.com/in/jhimmyastoraque/
Gracias crack
Supeer estare atento a los videos!
muy buen video!! este canal es una joyita, gracias por subir videos 🙌🙌🙌
Justo el vídeo qué necesitaba.
Excelente aporte!!
Genial el proyecto! Gracias muchas gracias por compartir conocimientos.
Buen proyecto!!! 🎉 interesante ver los web-sockets en un micro!! Saludos 😊
Muy bueno amigo.
Wow, excelente video amigo! Muy bien explicado, le sacaré bastante provecho
Excelente! 😃👍
EXCELENTE.
no conocia este canal ,aunque sigo muchas cosas d esp32 y arduino, muy buen video y bien explicado
você e um dos canais mais educativos, aprendo muito com você. muito obrigado seu trabalho e fantástico
¡Gracias!
Totalmente nuevo para mi
Gracias
Top
Excelente información. Podría usted explicar como hacer que la pagina redimensioné al tamaño del dispositivo automáticamente muy util para cuando agregamos botones y cuadros de texto… porfavor un saludo 🫡
Buen video, muy bien explicado. ¿Cuándo subirás Segunda parte?
Me llamo mucho la atención el proyecto que tenias en la introducción.
Espero que pronto amigo. No he tenido mucho tiempo libre lamentablemente.
opa hermano, yo consigo me conectar a un server websocket por esp32 como client? siendo que el websocket no es local?
Este proyecto esta super Jadsa Tech... Una pregunta mas, si deseara hacer esa misma interfaz en Java o Python, como comenzarias a hacerlo??? Saludos a todos.
La interfaz es para escritorio, móvil o Web? Definir eso es lo primero.
@@jadsa Tu interfaz es de escritorio, pero web, hacerlo en otros lenguajes de programacion, haciendo exactamente lo mismo es lo que estaba preguntando Jadsa Tech... Se puede hacer en esos lenguajes de programacion que te mencione antes, seria la pregunta??? Y por su puesto que quede exactamente igual al producto que nos estas mostrando en este video... Saludos.
@@juancarlos1549 Lo que nuestro en este vídeo es Web, con HTML Css y Javascript. Se puede hacer con Java y también con Python
Olá, tenho um esp32 que preciso colocar numa rede onde a password é Co1% nao consifo conectar porque nao aceita o caractere % como posso resolver
Como se podria usar esa libreiria para configurar un esp32 como cliente socket-io?
Buenas noches, está muy interesante pero me gustaría ver un sistema autónomo. Me explico, algo que conecte solo a internet, que no dependa de un computador sino de solo alimentación y que el mismo conecte a wifi, que funcionen con los sensores y enviar esos datos a la web. Será posible. Gracias y saludes desde Colombia.
Hola que tal, lo vamos a hacer en un futuro pero para videos de nivel mas avanzado.
Excelente tendras algun video o documentación para volver el esp32 un websocket client? lo que pasa es que yo hice un socket server en node he intentado varias cosas pero no me ha funcionado, buen video muchas gracias y espero tu respuesta!!
Lo siento, aún no tengo contenido relacionado a ese tema en particular.
Cuando subes la segunda parte del video?
Eres el primero que lo pregunta. La segunda parte pienso subirla si la gente lo pide, así que por favor comenten!!.
@@jadsa sube la segunda parte amigo :D
Hola Jadsa, no ví aún todos tus videos pero quería preguntar si se puede hacer una página web con el esp32 y que los datos aparezcan en la página todos, que se escriban como un documento de texto uno abajo del otro que haya como un histórico dónde se pueda consultar en cualquier momento y a la vez, que los nuevos datos se registren ahí
@@jorgeluiscardona4193 Se puede claro, pero es un poco mas complejo.
@@jadsa estaba pensando como un datalogger web, que los datos se guarden como un histórico así se puede consultar cualquier dato en cualquier momento. Y que al desenergizar la placa la página sigue funcionando, se puede así? O sino solo como un datalogger web pero que los datos que ya fueron escrito, por ejemplo de hace un mes, permanezcan ahí por siempre
Existe alguna posibilidad de comunicar dos ESP32 mediante websockets?
Es posible
@@jadsa Es que necesitaba enviar una señal desde ESP32cam, para activar un relay que está en el ESPWrover
Bien explicado pero encuentro en todos tus videos que los códigos no estan disponibles en ningún repositorio. Hay que tipearlos? Sería bueno para tus seguidores que subas los códigos a Github por ejemplo.
Hola, todos los proyectos del canal están en Patreon. La gran cantidad de tiempo que se tarda en preparar los temas, grabar, editar, diseñar las miniaturas, subir los vídeos, además de la compra de componentes electrónicos, requiere un gasto que tengo que hacer, por eso se pide un pequeño monto de suscripción a los que quieran apoyar al canal, y permitir que podamos seguir creando contenido. Los que no quieren apoyar de todas formas se hace una buena explicación para que puedan escribirlo por su cuenta.
@@jadsaTe entiendo. Me parece perfecto.
Lo único que no entendí bien es en qué pines se conectan las cosas, como el led en cuál pin de la placa esp32, porque veo varios cables más a la izquierda pero no sé si son relevantes, o por ejemplo el cable verde que va de tierra hasta uno de los pines que están cerca del módulo wifi de la placa. Prácticamente ya tengo todo hecho, y cuando ingleso a la URL me carga la página, pero al presionar los botones de ON u OFF no sucede nada con el led. No he visto ningún otro video de su canal, por lo que como retroalimentación me gustaría que también explicara la conexión en cuanto a los pines. Otra cosa, en el monitor serial no se imprimía nada.
Hola, el circuito es tan simple que puedes conectar un Led a cualquier pin que desees y ese mismo pin referenciarlo en el código. Vimos muchos ejemplos de esto ya en vídeos anteriores.
@@jadsa ya encontré el error, había puesto ;81 en vez de :81, entonces encendió el led de la misma placa.
ya lo e echo llevo mas de 5 horas siguiendo todos tus tutos pague el patreon y no sale nada, podrías decir como cargar la pagina web si no estas usando el programa que utilizaste en el otro video
hola, tambien estuve en lo mismo, si quieres te doy una mano, no he logrado hacerlo funcionar al 100 pero al menos ya ha compilado, aunque parezca gracioso me falta la parte de conocer la ip, en el video no lo explica, solo lo sabe y ya jsjs
Ahh ya lo solucione :D
Sobre la ip, al configurar el access point del esp32 por defecto asigna la ip 192.168.4.1
Funciona al 100%
ya lo hice funcionar @@paulcordova6925
Hola cómo estás, gracias por el apoyo, para cargar la página usa el vídeo de spiffs utilizando el ide 1.8.19
La IP es la que te asigna automáticamente el router. Este es un vídeo intermedio, por lo que se espera que al menos hayan seguido todos los vídeos anteriores de la serie Esp32. No se puede explicar todo desde cero, para eso vimos todos los episodios anteriores, espero lo entiendas
Y en micropython??
Es similar, quizá grabe un video con micro python, esperando que mas gente lo pida.
Perdon, pero tienes el realme gt de dragón ball verdad 😅?
Si, estás en lo cierto!
Se puede hacer eso por wiffi
Si se puede
@@jadsa me puede indicar como, o si puedes sacar un tutorial, te lo agradezco mucho
Complicado indicarte por un comentario. Intentaremos realizar un tutorial a futuro.
Lol?
Lo mismo de todos que el sensor de humedad que temperatura todos hablan de lo mismo..... Pienso que deben hacer algo diferente a los demas ejemplo crear paginas web en estos dispositivos crear app aplicables con su web independiente y bastante basico la mayoría son principiantes porque si fuéramos ingenieros no estaríamos por aca buscando tutos gracias
Yo creo que este video es muy bueno para aprender.