As you've probably figured out by now, client-side javascript in a browser has no access to the PC's serial ports. Unless the scale, communicating over a serial port, is directly connected to the web server you can't talk to the scale. The actual communication between the UI (rendered on a web browser) and the ESP32 is done using websockets, which are also managed under the hood by the ESPAsyncWebServer framework.Īlthough this tutorial covers the usage of the WebSerial library on the ESP32, the ESP8266 is also supported. A web application was a very poor choice.
WEB SERIAL PORT COMMUNICATION HOW TO
For an introductory tutorial on the ESPAsyncWebServer library and how to install it, please check here. In order to be able to serve the file with the UI, the WebSerial library depends on the ESPAsyncWebServer library. The UI is served by the ESP32, meaning that we don’t need any additional application and we only need a computer with a web browser connected to the same WiFi network. The Web UI is implemented with the Vue.js framework. It allows both to send and receive messages to / from the ESP32. The library we are going to analyze on this post offers to us a very simple UI that allows to establish a web based serial connection with the ESP32. In order for serial communication with p5.js, we need to modify the sketch in the board, so it will write output to serial server that can be picked up by our web app.
As such, in a microcontroller like the ESP32, we can leverage the WiFi capabilities to establish the serial communication over it. Nonetheless, in cases where we are testing a WiFi based application, we might want to move to scenarios where the device is no longer connected to a computer but we still want to get debugging messages. Then, we just plug a USB cable between the device and a computer and we can see the messages on the Arduino IDE serial monitor. In the Arduino framework, one of the most common ways of achieving that is by using the UART of the microcontroller, which is typically connected to a serial-to-USB converter chip on the development board. In this tutorial we are going to learn how to use a web based Serial monitor for the ESP32, implemented by the WebSerial library.īeing able to output messages from a microcontroller is very useful for debugging.
0 kommentar(er)
