🌐

IoT Lab content is currently available in Arabic only. We're working on an English version.

ESP32 File System (SPIFFS) | NexaLearn IoT Lab | NexaLearn

Internet of Things (IoT)30 دقيقة

ESP32 File System (SPIFFS)

Host complete HTML files inside the board.

Lesson Content

Instead of writing complex HTML code as String variables inside C++ code, we can partition the flash memory on ESP32 to act as a small 'hard drive' (SPIFFS). We can save index.html and style.css files there, and direct the Web Server to read and send these files to the browser. This makes building beautiful control interfaces very easy.

Components Needed

ESP32

Code Example

#include <SPIFFS.h>
#include <WebServer.h>
WebServer server(80);
void setup() {
  SPIFFS.begin(true);
  server.serveStatic("/", SPIFFS, "/index.html");
  server.begin();
}
void loop() {
  server.handleClient();
}

Common Mistakes

Forgetting to upload files to SPIFFS. Writing the code alone doesn't upload the files — you must use the Arduino ESP32 SPIFFS Data Upload plugin to upload contents from the 'data' folder.

Next Lesson

Sending Data to ThingSpeak (IoT Cloud)