[Full Tutorial] ESP32 Remote Control with WebSocket

Q&A Forum › Category: ESP32 › [Full Tutorial] ESP32 Remote Control with WebSocket

Steph asked 3 weeks ago

Hey guys!

I’ve been following your work around the ESP32 for a while now. And I continually notice your habit (or preference?) of systematically using the Javascript object XMLHttpRequest. And I must admit that I find it hard to understand this trend, when there are nowadays other, more efficient, lighter and above all faster ways to manage asynchronous interactions between a server and clients. For example, Javascript now offers the more modern Fetch and Async/Await APIs. You can take a look at one of my GitHub project which uses the Async/Await Promises for example:

ESP32 Asynchronous Web Controlled Thermostat

I had made this mini-project for Yves B., following a discussion on RNT Lab, to help him start his own project. I had also posted a reference to my project to share it with your community.

But there is another technology supported by Javascript even more interesting: the WebSocket protocol. Today, I would like to shed some light on how to implement it efficiently for the ESP32. You’ll see that it has only advantages over other techniques. I have recently written a comprehensive tutorial on the subject:

ESP32 Remote Control with WebSocket

I’m sharing it here, because I think it may also be of interest to most of your readers.
If you take the time to read it, feel free to share your opinion with me on this thread.

My intention is not to overshadow your work, quite the contrary, but rather to add to it what I think is interesting. I hope that you’ll welcome my approach.

Best wishes,
Steph

Question Tags: websocket

9 Answers

0 Vote Up Vote Down

Sara Santos Staff answered 3 weeks ago

Hi Steph.

Thanks for sharing.
I’ve already answered you in our comments section.
We’ll take a look at it and integrate websockets in our projects as it seems a great option for many of our applications.

BTW, great tutorial that you’ve written 🙂

Regards,
Sara

1 Vote Up Vote Down

Steph answered 3 weeks ago

Yes, I saw your answer (because I answered it myself) 😉
Thank you Sara.

1 Vote Up Vote Down

Jean Pierre Daviau answered 2 weeks ago

Hi,

I am trying to get my card esp32 wroom on Platformio…. It is not on the list so Platformio refuses to upload the sketch.

Regards,

JPD

1 Vote Up Vote Down

Jean Pierre Daviau answered 2 weeks ago

Hi,
This did the job:
I created esp32-wroom.json in C:\Users\user1\.platformio\platforms\espressif32\boards

---- begin ---
{
  "build": {
    "arduino":{
      "ldscript": "esp32_out.ld"
    },
    "core": "esp32",
    "extra_flags": "node32s",
    "f_cpu": "240000000L",
    "f_flash": "40000000L",
    "flash_mode": "qio",
    "mcu": "esp32",
    "variant": "Node32s"
  },
  "connectivity": [
    "wifi",
    "bluetooth",
    "ethernet",
    "can"
  ],
  "debug": {
    "openocd_board": "esp-wroom-32.cfg"
  },
  "frameworks": [
    "arduino",
    "espidf"
  ],
  "name": "node32s",
  "upload": {
    "flash_size": "4MB",
    "maximum_ram_size": 327680,
    "maximum_size": 4194304,
    "require_upload_port": true,
    "speed": 460800
  },
  "url": "https://www.banggood.com/ESP32-Development-Board-WiFi+bluetooth-Ultra-Low-Power-Consumption-Dual-Cores-ESP-32-ESP-32S-Board-p-1109512.html?rmmds=search&cur_warehouse=USA",
  "vendor": "Aiyarafun"
}
----- end -----

JPD

0 Vote Up Vote Down

Steph answered 2 weeks ago

Hi Jean-Pierre,

If your board matches the one pointed to by the url property in your JSON descriptor :

It is available in PlatformIO (as in the Arduino IDE) under the name DOIT ESP32 DEVKIT V1 :