ESP32 met LittleFS in AP mode

Beste lezers,

Ik wil de onderstaande sketch van RandomNerdtutorials zodanig aanpassen dat de ESP32 in AP mode komt te staan.
Voor deze sketch heb je een extra router nodig en dat is in mijn geval niet gewenst.
Heeft iemand van jullie tips hoe ik dat het beste aan kan pakken ?
Ik heb op internet heelaas geen bruikbare voorbeelden kunnen vinden.

Hier een link naar de orginele code
https://randomnerdtutorials.com/esp32-web-server-spiffs-spi-flash-fil…

Alles met de ‘tekst’ SPIFFS heb ik door LittleFS vervangen.
Verder heb ik ook de Library LittleFS_ESP32 geinstalleerd.
De bestanden index.html en style.css staan in de map data.
In de bovenstaande link van de website van Sara en Rui Santos kun je zien hoe deze bestanden er uit zien.
Ik weet namelijk niet hoe ik de inhoud van beide bestanden hier zonder problemen in moet passen.

Bij voorbaat dank voor jullie reacties.

De sketch; 

  
/*********
  Rui Santos
  Complete project details at https://randomnerdtutorials.com  
*********/
// Import required libraries
#include <WiFi.h>
#include <ESPAsyncWebServer.h>
#include <LittleFS.h>    

// Replace with your network credentials
const char* ssid = "mijn SSID ";     // als voorbeeld 
const char* password = "mijn password ";   // als voorbeeld 

// Set LED GPIO
const int ledPin = 2;   // in mijn geval wordt dat ledPin 22 o.i.d 
// Stores LED state
String ledState;

// Create AsyncWebServer object on port 80
AsyncWebServer server(80);

// Replaces placeholder with LED state value
String processor(const String& var){
  Serial.println(var);
  if(var == "STATE"){
    if(digitalRead(ledPin)){
      ledState = "ON";
    }
    else{
      ledState = "OFF";
    }
    Serial.print(ledState);
    return ledState;
  }
  return String();
}
 
void setup(){
  // Serial port for debugging purposes
  Serial.begin(115200);
  pinMode(ledPin, OUTPUT);

  // Initialize LittleFS
  if(!LittleFS.begin(true)){
    Serial.println("An Error has occurred while mounting LittleFS");
    return;
  }

  // Connect to Wi-Fi
  WiFi.begin(ssid, password);
  while (WiFi.status() != WL_CONNECTED) {
    delay(1000);
    Serial.println("Connecting to WiFi..");
  }

  // Print ESP32 Local IP Address
  Serial.println(WiFi.localIP());

  // Route for root / web page
  server.on("/", HTTP_GET, [](AsyncWebServerRequest *request){
    request->send(LittleFS, "/index.html", String(), false, processor);
  });
  
  // Route to load style.css file
  server.on("/style.css", HTTP_GET, [](AsyncWebServerRequest *request){
    request->send(LittleFS, "/style.css", "text/css");
  });

  // Route to set GPIO to HIGH
  server.on("/on", HTTP_GET, [](AsyncWebServerRequest *request){
    digitalWrite(ledPin, HIGH);    
    request->send(LittleFS, "/index.html", String(), false, processor);
  });
  
  // Route to set GPIO to LOW
  server.on("/off", HTTP_GET, [](AsyncWebServerRequest *request){
    digitalWrite(ledPin, LOW);    
    request->send(LittleFS, "/index.html", String(), false, processor);
  });

  // Start server
  server.begin();
}
 
void loop(){   
}

Volgens mij haal je 2 dingen door elkaar; SPIFFS vs. LittleFS staan los van wifi als access point of client.

Los daarvan is het meestal niet alleen een kwestie van de ene term vervangen door een andere term, tenzij het er op is gemaakt om eenvoudig onderling uitwisselbaar te zijn.

Bij de vraag en antwoorden vraagt ook iemand naar een access point mode. In het antwoord op die vraag wordt verwezen naar deze tutorial https://randomnerdtutorials.com/esp32-access-point-ap-web-server/

Mocht het aanpassen te complex worden dan kun je misschien beter even doorzoeken naar een tutorial wat beter aansluit bij je wensen.

ik zou die code eens in AI gooien van google, en die vragen om er een AP van te maken. daar is die heel goed in

Je hebt helemaal geen extra router nodig voor de originele sketch. Het idee is dat je thuis je eigen Wifi netwerk gebruikt (opgelet, moet wel 2.4 GHz zijn). Probeer eerst de originele sketch eens werkend te krijgen, en als dat lukt doe dan een poging om het AP aan de gang te krijgen.
Tegenwoordig is AI een geweldige tool om zo iets voor mekaar te krijgen. ChatGPT, Gemini, Claude zullen je graag helpen !
Nog enkele tips :

Het is van belang welke ESP32 library je installeert in Arduino, de huidige versie is V3.xx. Sommige voorbeelden zijn nog voor de oudere versies V1.xx of V2.xx en geven dan compileer fouten.
Schakel ook in preferences "Show verbose output during compile" in. Zo kun je makkelijk compileer fouten naar AI kopieren.

Op woensdag 30 september 2026 18:24:23 schreef fcapri:
ik zou die code eens in AI gooien van google, en die vragen om er een AP van te maken. daar is die heel goed in

Dat heb ik inmiddels gedaan en nu staat de ESP32 in AP mode. (dus als server)

Bedankt voor te tip, daar had niet aan gedacht.

Ik mis wat gegevens in je code, want ik zie niet hoe je de ESP32 als AP-station declareert. Zoals jij het met de code gebruikt, denk ik dat je het als een station geconfigureerd hebt, waarbij je inlogt op een router met de naam "mijn SSID " en wachtwoord "mijn password ". Als die er niet is, tsja, dan maak je geen verbinding. Wil je de ESP32 als AccessPoint laten werken, dan kun je het onderstaande eens proberen :


#include <WiFi.h>

String MySSID = "AP-Connect", AccessKey = "1234";
uint8_t MaxClientsConnected = 4; // Max 4 bezoekers tegelijk

void setup() {
  IPAddress LocalIP(192,168, 0, 2);  // Static Ip Address
  IPAddress GateWay(192, 168, 0, 1);  // Gateway Address
  IPAddress SubNet(255, 255, 255, 0); // Network limited to 254 devices
  WiFi.mode(WIFI_AP);
  delay(250);
  WiFi.softAPConfig(LocalIP, GateWay, SubNet);
 delay(250);
  Serial.print("SoftAP   : ");
  Serial.println(WiFi.softAP(MySSID, AccessKey, random(1,12), false, MaxClientsConnected) ? "OK" : "ERR");
 // WiFi.setTxPower(WIFI_POWER_8_5dBm);
  Serial.print("IP       : ");
  Serial.println(WiFi.softAPIP());
}

De rest weet je volgens mij wel, Ook met het afvangen van aanroepen voor een webpage. Wat betreft LittleFS kun je voldoende info op internet en de site van Rui Santos vinden.

Met excuus voor mijn domme ontwetendheid: wat is AP?

Op donderdag 1 oktober 2026 18:31:21 schreef Paulinha_B:
Met excuus voor mijn domme ontwetendheid: wat is AP?

Misschien kun je beter even inlezen in het WiFi-gebeuren met Arduino en een ESP32, voordat je een dergelijke vraag stelt. En volgens mij beschik je over voldoende tijd en nieuwsgierigheid om dat uit te kunnen zoeken.
Mijn excuses als dit een beetje lomp voor je overkomt.

AP staat voor Wifi Acces Point. Zo is jouw thuisrouter een AP. Een ESP32 kan dus fungeren als AP, je ziet deze dan verschijnen in de lijst met Wifi netwerken op je laptop. Je kan er verbinding mee maken dan. (wel 2.4 GHz).

Dank voor beleefde en leerzame reactie - alweer wat bijgeleerd!

OK,. dan ook maar een link met plaatjes erbij voor de uitleg :
https://www.embedded-robotics.com/esp8266-wifi/

De link gaat uit van een ESP8266, maar het gaat om de essentie.

Ik had me wel afgevraagd of "AP" had kunnen staan voor "Access Point", maar dat leek me voor een ESP zo'n onwaarschijnlijke toepassing dat ik me een punthoofd heb gezocht naar een andere verklaring. "Advanced Peripheral" of zo :) Maar het kan natuurlijk wel, dat spreek ik niet tegen.

De sketch werkt ook met de XIAO ESP32S3 van Seeed Studio en die is maar 18 x 21 mm groot dus lekker compact.
Je moet natuurlijk wel via de boardmanager de XIAO_ESP32S3 kiezen.
Verder heb ik USB CDC On boot op Enable gezet. (in het menu Hulpmiddelen)