ESP32 web server: template processing when serving HTML from file system

In this tutorial we will learn how to use placeholders to replace values at run time in a HTML file served from the ESP32 file system. We will be using the ESP32 async web server library and the Arduino core. The tests shown here were performed using a DFRobot’s ESP32 module integrated in a ESP32 development board. Introduction In …

ESP32 HTTP web server: Serving external JavaScript file

In this tutorial we will learn how to serve an external JavaScript file to be referenced by a HTML file, using the ESP32. The ESP32 will be running the Arduino core and the HTTP async web server libraries. The tests were performed using a DFRobot’s ESP32 module integrated in a ESP32 development board. Introduction In this tutorial we will …

ESP32 Arduino web server: Serving external CSS file

In this tutorial we will check how to serve an external CSS file, to be included by an HTML file. This will be implemented on the ESP32 running the Arduino core and using the HTTP async web server libraries. The tests were performed using a DFRobot’s ESP32 module integrated in a ESP32 development board. Introduction In this tutorial we …

ESP32 Arduino: Getting DHT22 sensor measurements with interrupts

In this tutorial we will check how to obtain temperature measurements from a DHT22 sesnor using the ESP32, the Arduino core and timer interrupts. The tests were performed using a DFRobot’s ESP32 module integrated in a ESP32 development board, and a DFRobot DHT22 module. Introduction In this tutorial we will check how to obtain temperature measurements from a DHT22 sensor …

ESP32 / ESP8266 Arduino: Printing numbers to serial in different bases

In this tutorial, we will check how we can print numbers to the serial port using different bases, more specifically in binary, octal and hexadecimal. The tests on the ESP32 were performed using a DFRobot’s ESP-WROOM-32 device integrated in a ESP32 FireBeetle board. The tests on the ESP8266 were performed on a DFRobot’s ESP8266 FireBeetle board. Introduction In this tutorial, we will …

ESP32 Arduino web server: Receiving data from JavaScript websocket client

In this tutorial we will check how to setup a HTTP web server on the ESP32 that will have a websocket endpoint and that will serve a HTML file containing JavaScript code to establish a websocket connection to the server. The tests were performed using a DFRobot’s ESP32 module integrated in a ESP32 development board. Introduction In this …

ESP32 Arduino web server: Sending data to JavaScript client via websocket

In this tutorial we will check how to setup a HTTP web server on the ESP32, which will have a websocket endpoint and will serve a HTML page. The HTML page will run a simple JavaScript application that will connect to the server using websockets and periodically receive simulated temperature measurements from the server. The …

AnalogLamb Fish32 board: Getting started with SSD1306 display

In this tutorial we will check how to interact with the OLED display of the AnalogLamb Fish32 board and print a "Hello World" message. Introduction In this tutorial we will check how to interact with the OLED display of the AnalogLamb Fish32 board and print a "Hello World" message. Since the display already comes connected …