ESP32 Project Websockets Real Time Control - Part2
Вставка
- Опубліковано 15 сер 2024
- 10 PCB por 5$: www.pcbway.es
Servicio PCB estándar: www.pcbway.es/...
ESP32 Project Websockets Real Time Control Part 2
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/Lin...
• VIDEOS DE INTERÉS
======================================
Webcoskets Esp32 Parte 1: • DIFERENCIA ENTRE HTTP ...
Sensor BMP180: • Proyecto IoT - Esp32 -...
Sensor Ultrasónico: • ARDUINO IDE 2.0 - VERS...
MILLIS: • SERIE ESP32 # 11: PETI...
Esp32 ADC: • ARDUINO TIPS #12: Como...
Guardar Archivos SPIFFS: • SERIE ESP32 #17: SPIFF...
Simulador Esp32 WOKWI: • SERIE ESP32 #17: SPIFF...
Proyecto ESP8266 : • SERIE ESP32 #17: SPIFF...
======================================
• CONTACTO - PROYECTOS
======================================
Facebook: / jadsacorp
Linkedin: / jhimmyastoraque
Instagram: / jhimmy_ad
Twitter: / jhimmy_ad
======================================
• INDICE
==================================
0:00 Introducción
1:12 Explicación Sketch .ino
07:20 Explicación de la Pagina Web
08:50 REvisando un poco de styles.css
12:00 Explicación Javascript Websockets Event data
=================================
#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/
como se puede hacer para mandar ordenes desde la pagina web al arduino
Gracias por tus videos!
Hola, me podria decir el video donde explica como agregar la libreria al Visual studio code
transcribí todo el código tal cual, pero cuando ingreso a la URL ya conectado al wifi de la placa solo me carga la página, es decir, el HTML, no cargó nada de CSS, ¿alguna idea del posible error?
Destaco que comenté varias líneas en el archivo .ino del sensor bmp y del potenciómetro, pero no comenté nada en el HTML de los otros dos sensores. Hice el upload del código .ino y luego lo del sketch data. El código .ino funciona ya que en el monitor serial imprime correctamente la distancia del sensor.
Edit: olvidé decir que referencié el .css y está dentro de la carpeta data junto con el HTML
Muy buenos videos, enseñas bien y funcionan, pregunta..... ¿Se puede mandar en lugar del servidor local a un servidor en la nuve? , es decir, que sea una interacción como la de Telegram pero con mi página en lugar del bot
...
Hola, si es posible pero requiere cambios en el código. Vamos a intentar hacer un vídeo de ese tema.
En mi codigo esta dando erro 404 - Pagina no encontrada. Porque?
Podria haces lo mismo desde VS code con idf?. Hace tiempo lo intente y no lo consegui me daban errores.
Si, tendría que funcionar sin problemas.
hello sir how can i create in cloud server
Yes, it would be possible.
@@jadsa how brother please make a video details please
Buenas noches, muchas gracias por este útil video y el resto de los que subís, sin duda aprendí mucho!
Quiero consultarte, tengo un codigo como el tuyo y me ocurre el siguiente problema. Funciona, se conecta a WiFi sin problemas y comieza a imprimir la temperatura por el monitor serial sin problemas, pero cuando abro la página para establecer la comunicación WebSocker, mi ESP32 se reinicia (como un crash) y me arroja este error ¿Sabés por qué sucede?
{"temperatura": 24}
{"temperatura": 25}
{"temperatura": 24}
Guru Meditation Error: Core 1 panic'ed (LoadProhibited). Exception was unhandled.
Core 1 register dump:
PC : 0x400899ec PS : 0x00060b30 A0 : 0x8014e98c A1 : 0x3ffcb0b0
A2 : 0x800ddefa A3 : 0x800ddef8 A4 : 0x000000ff A5 : 0x0000ff00
A6 : 0x00ff0000 A7 : 0xff000000 A8 : 0x00000000 A9 : 0x3ffcb4f9
A10 : 0x3ffcb4f7 A11 : 0x3ffcb2b2 A12 : 0x00000002 A13 : 0x00000000
A14 : 0x3ffc437c A15 : 0x00000000 SAR : 0x00000004 EXCCAUSE: 0x0000001c
EXCVADDR: 0x800ddef8 LBEG : 0x40089270 LEND : 0x40089286 LCOUNT : 0x00000000
Backtrace: 0x400899e9:0x3ffcb0b0 0x4014e989:0x3ffcb0c0 0x401534f6:0x3ffcb3d0 0x40153532:0x3ffcb460 0x400dccea:0x3ffcb4a0 0x400d2c35:0x3ffcb540 0x401599f2:0x3ffcb5c0 0x40159f72:0x3ffcb5e0 0x400dc51d:0x3ffcb610 0x400dc655:0x3ffcb690 0x400dc6e2:0x3ffcb6d0 0x400dc6fe:0x3ffcb6f0 0x400d2f16:0x3ffcb710 0x400de961:0x3ffcb770
ELF file SHA256: 05bbe6900b21041c
Rebooting...
ets Jul 29 2019 12:21:46
rst:0xc (SW_CPU_RESET),boot:0x13 (SPI_FAST_FLASH_BOOT)
configsip: 0, SPIWP:0xee
clk_drv:0x00,q_drv:0x00,d_drv:0x00,cs0_drv:0x00,hd_drv:0x00,wp_drv:0x00
mode:DIO, clock div:1
load:0x3fff0030,len:1344
load:0x40078000,len:13964
load:0x40080400,len:3600
entry 0x400805f0
Espero puedas ayudarme, gracias y saludos!
Te tira core dump, puedes revisar esta página: docs.espressif.com/projects/esp-idf/en/latest/esp32/api-guides/core_dump.html
La pregunta del millón, se puede hacer eso con el wifi de tu celular ?
se puede.
La parte audiovisual está impecable pero tienes que tener en cuenta que el que lo ve sabe muy poco y en cuanto una sola de tus explicaciones no la entienda fracasa el vídeo para él. Las palabras que pronuncias en inglés tienen que aparecer escritas porque la gente si supiera inglés los vería que hay muchos y si las conocen porque tienen experiencia no necesitan mucho tu vídio.Tienes que tener la modestia de buscarle los fallos para poder corregirlos igual que una fábrica comprueba sus productos para confirmar que están bien.Te lo digo sin intención de molestarte porque es mucho trabajo lo que lleva hacer este vídeo y terminarás dejando de hacerlos si no tienes audiencia.
Un saludo.
Hola, gracias por tu comentario voy tratar de mejorar en algunos aspectos que mencionas, pero ten en cuenta que este es un canal de nivel intermedio, siempre fue así desde el inicio y también que los lenguajes de programación son en inglés aunque pongas el editor de código en español el código sigue estando en un pseudo inglés que no podemos cambiar. Por ello es mejor acostumbrarse e intentar como yo hacerlo en ingles todo incluso la terminología. Es cierto también que la falta de audiencia y visualizaciones es un factor determinante a la hora de hacer videos que como bien dices toman mucho trabajo y tiempo. Un saludo igual.
hay parte 3 o ahi queda?
Si, pero es premium 😉
@@jadsa bacan, solo queria saber. ya me suscribo dsps
Alguien sabes me dicer qual es la ultima variable del printf?
case WStype_CONNECTED:
IPAddress ip = websockets.remoteIP(num);
Serial.printf("[%u] Conectado em %d.%d.%d.%d url: %s
", num, ip[0], ip[1], ip[2], ip[3], ??);
websockets.sendTXT(num, "Conectado no servidor");
break;
Yo solo escribí hasta ip[3], luego cerré y eso imprime la IP del usuario. Recuerda que la IP consta de 4 octetos.