spiffs-ajax

//https://www.youtube.com/user/v12345vtm


#include <ESP8266WiFi.h>
#include <WiFiClient.h>
#include <ESP8266WiFiMulti.h>
#include <ESP8266mDNS.h>
#include <ESP8266WebServer.h>
#include <FS.h>   // Include the SPIFFS library

ESP8266WiFiMulti wifiMulti;     // Create an instance of the ESP8266WiFiMulti class, called 'wifiMulti'

ESP8266WebServer server(80);    // Create a webserver object that listens for HTTP request on port 80
String versie = "inofile = pantiltjvcvirtualjoy3ajax";
String getContentType(String filename); // convert the file extension to the MIME type
bool handleFileRead(String path);       // send the right file to the client (if it exists)
String st;
String content;
String slider = "slider";
String testje = "0";


void setup() {
  yield();
  Serial.begin(115200);         // Start the Serial communication to send messages to the computer
  delay(10);
  Serial.println('\n'); //


   // add Wi-Fi networks you want to connect to
  wifiMulti.addAP("ssid_from_AP_2", "your_password_for_AP_2");
  wifiMulti.addAP("ssid_from_AP_3", "your_password_for_AP_3");

  Serial.println("Connecting ...");
  int i = 0;
  while (wifiMulti.run() != WL_CONNECTED) { // Wait for the Wi-Fi to connect
    delay(100);
    Serial.print('.');
    yield();
  }
  Serial.println(versie);
  Serial.print("Connected to ");
  Serial.println(WiFi.SSID());              // Tell us what network we're connected to
  Serial.print("IP address:\t");
  Serial.println(WiFi.localIP());           // Send the IP address of the ESP8266 to the computer

  if (MDNS.begin("esp8266")) {              // Start the mDNS responder for esp8266.local
    Serial.println("mDNS responder started");
  } else {
    Serial.println("Error setting up MDNS responder!");
  }

  SPIFFS.begin();                           // Start the SPI Flash Files System

  server.onNotFound([]() {                              // If the client requests any URI
    if (!handleFileRead(server.uri()))                  // send it if it exists
      server.send(404, "text/plain", "404: Not Found"); // otherwise, respond with a 404 (Not Found) error
  });

  server.begin();                           // Actually start the server
  Serial.println("HTTP server started");
  launchWeb();

  //Onboard LED port Direction output
  pinMode(5,OUTPUT);
}


///////////
void launchWeb() {
  server.on("/test", []() {
    IPAddress ip = WiFi.softAPIP();
    String ipStr = String(ip[0]) + '.' + String(ip[1]) + '.' + String(ip[2]) + '.' + String(ip[3]);
    content = "<!DOCTYPE HTML>\r\n<html>Hello from ESP8266 at accespoint  ";
    content += ipStr;
    content += "<p>";
    content += "<br>";
    content += versie;
    content += "<br>";
    content += "<br> ultrasoon = ";
    //   content += distance;
    content += "<br>";
    content +=  "<input type='range' min='1' max='100' value='50' class='slider' id='myRange'>";

    content +=  "<label>ssid op accespoint: </label><input name='testje' length=32 value='";
    content += "accespoint";
    content += "' >";

    content += " <a href=""";
    content +=  "/ultrasoonmeting";
    content += """ target=""_blank""> live meting ultrasoon</a>   "   ;


    content += " <a href=""";
    content +=  "/cleareeprom";
    content += """ target=""_blank""> clear de eprom</a>   "   ;
    content += st;
    content += "</p><form method='get' action='/test'>";
    content +=  "<input type='range' min='1' max='100' value='50' class='slider' name='slider'>";

    content +=  "<label>testhier: </label><input name='testje' length=32><input name='pass' length=64><input type='submit'></form>";
    content += "</html>";
    server.send(200, "text/html", content);


    testje = server.arg("testje");
    slider = server.arg("slider");

    Serial.print ("eerste respons =");
    Serial.print (slider);
     Serial.print ("   ");
     Serial.println(testje);


  });

  ////////
 server.on("/setLEDxy", handleXY);

server.on("/setLED", handleLED);

}//stop lounchwebroutine
///////////
void handleXY() {
  String ledState = "ACK from ESP32";
 String t_state = server.arg("LEDstatexy"); //Refer  xhttp.open("GET", "setLED?LEDstate="+led, true);
 Serial.println("virt ajax joy");
 Serial.println(t_state);
 if(t_state == "1")
 {
  digitalWrite(5,HIGH); //LED ON
  ledState = "ONxy"; //Feedback parameter
 }


 server.send(200, "text/plane", ledState); //Send web page
}


////////////

void handleLED() {
 String ledState = "OFF";
 String t_state = server.arg("LEDstate"); //Refer  xhttp.open("GET", "setLED?LEDstate="+led, true);
 Serial.println(t_state);
 if(t_state == "1")
 {
  digitalWrite(5,HIGH); //LED ON
  ledState = "ON"; //Feedback parameter
 }
 else
 {
  digitalWrite(5,LOW); //LED OFF
  ledState = "OFF"; //Feedback parameter
 }

 server.send(200, "text/plane", ledState); //Send web page
}




//////////
void leeswaarde()
{
 testje = server.arg("testje");
  slider = server.arg("slider");
Serial.print ("tweede respons =");
server.send(200, "text/html", content);//we tonen  pagina test
}
/////


void loop(void) {
  server.handleClient();
  yield();
   delay(1);
//  Serial.print(testje);
 // Serial.print("    ");
 // Serial.println(slider);
}

String getContentType(String filename) { // convert the file extension to the MIME type
  if (filename.endsWith(".html")) return "text/html";
  else if (filename.endsWith(".css")) return "text/css";
  else if (filename.endsWith(".js")) return "application/javascript";
  else if (filename.endsWith(".ico")) return "image/x-icon";
  return "text/plain";
}

bool handleFileRead(String path) { // send the right file to the client (if it exists)
  Serial.println("handleFileRead: " + path);
  if (path.endsWith("/")) path += "index.html";         // If a folder is requested, send the index file
  String contentType = getContentType(path);            // Get the MIME type
  if (SPIFFS.exists(path)) {

    Serial.println("\tThe file exists");// If the file exists
    File file = SPIFFS.open(path, "r");                 // Open it
    size_t sent = server.streamFile(file, contentType); // And send it to the client
    file.close();                                       // Then close the file again
    return true;
  }
  Serial.println("\tFile Not Found");
  return false;                                         // If the file doesn't exist, return false
}