The website can't appear on esp32

Projects Programming
1

The website can't appear on esp32 but when I try it on esp8266 the code below works

#include <WiFi.h>
#include <AsyncTCP.h>
#include <ESPAsyncWebServer.h>
#include <LITTLEFS.h>
#define FILESYSTEM LITTLEFS

const char* ssid = "Motor";
const char* password = "12345678";
IPAddress local_ip(192, 168, 1, 1);
IPAddress gateway(192, 168, 1, 1);
IPAddress subnet(255, 255, 255, 0);

const int IN1 = 19;
const int IN2 = 21;
const int LED_PINS[] = {15, 2, 4, 5, 18};
const int NUM_LEDS = sizeof(LED_PINS) / sizeof(LED_PINS[0]);

AsyncWebServer server(80);

void setup() {
  Serial.begin(115200);

  WiFi.softAP(ssid, password);
  WiFi.softAPConfig(local_ip, gateway, subnet);

  pinMode(IN1, OUTPUT);
  pinMode(IN2, OUTPUT);

  for (int i = 0; i < NUM_LEDS; i++) {
    pinMode(LED_PINS[i], OUTPUT);
  }

  if (!FILESYSTEM.begin(true)) {
    Serial.println("LITTLEFS Mount Failed");
    return;
  }

  setupServer();

  server.begin();
  Serial.println("Server started");
}

void loop() {
  // Empty loop as we're using asynchronous web server
}

void setupServer() {
  server.on("/", HTTP_GET, [](AsyncWebServerRequest *request){
    request->send(FILESYSTEM, "/index.html", "text/html");
  });

  // Define routes for other assets
  server.on("/assets/css/foundation.css", HTTP_GET, [](AsyncWebServerRequest *request) {
    request->send(FILESYSTEM, "/assets/css/foundation.css", "text/css");
  });
  server.on("/assets/js/vendor.js", HTTP_GET, [](AsyncWebServerRequest *request) {
    request->send(FILESYSTEM, "/assets/js/vendor.js", "text/javascript");
  });
  server.on("/assets/js/foundation.js", HTTP_GET, [](AsyncWebServerRequest *request) {
    request->send(FILESYSTEM, "/assets/js/foundation.js", "text/javascript");
  });

  // Define routes for image assets
  server.on("/assets/img/lightoff.png", HTTP_GET, [](AsyncWebServerRequest *request) {
    request->send(FILESYSTEM, "/assets/img/lightoff.png", "image/png");
  });
  server.on("/assets/img/motor.png", HTTP_GET, [](AsyncWebServerRequest *request) {
    request->send(FILESYSTEM, "/assets/img/motor.png", "image/png");
  });
  server.on("/assets/img/motoroff.png", HTTP_GET, [](AsyncWebServerRequest *request) {
    request->send(FILESYSTEM, "/assets/img/motoroff.png", "image/png");
  });

  server.on("/lightoff", HTTP_GET, [](AsyncWebServerRequest *request){
    turnOffLEDs();
    request->send(200, "text/plain", "ok");
  });

  server.on("/light", HTTP_GET, [](AsyncWebServerRequest *request){
    blinkLEDs();
    request->send(200, "text/plain", "ok");
  });

  server.on("/motoroff", HTTP_GET, [](AsyncWebServerRequest *request){
    stopMotor();
    request->send(200, "text/plain", "ok");
  });

  server.on("/motor", HTTP_GET, [](AsyncWebServerRequest *request){
    rotateMotor();
    request->send(200, "text/plain", "ok");
  });
}

void turnOffLEDs() {
  for (int i = 0; i < NUM_LEDS; i++) {
    digitalWrite(LED_PINS[i], LOW);
  }
}

void blinkLEDs() {
  for (int j = 0; j < 10; j++) {
    for (int i = 0; i < NUM_LEDS; i++) {
      digitalWrite(LED_PINS[i], HIGH);
      delay(100);
      digitalWrite(LED_PINS[i], LOW);
    }
  }
}

void stopMotor() {
  digitalWrite(IN1, LOW);
  digitalWrite(IN2, LOW);
}

void rotateMotor() {
  digitalWrite(IN1, HIGH);
  digitalWrite(IN2, LOW);
  delay(1000);

  stopMotor();
  delay(500);

  digitalWrite(IN1, LOW);
  digitalWrite(IN2, HIGH);
  delay(1000);

  stopMotor();
}
2

what are the error messages ?

3

I hope you uploaded the spiffs file too in esp32

4

This topic was automatically closed 180 days after the last reply. New replies are no longer allowed.