- 3D-Druck Einstieg und Tipps         
Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 14

Thema: ESP32 code: Fragen zu wifiserver und webserver

  1. #1
    HaWe
    Gast

    ESP32 code: Fragen zu wifiserver und webserver

    Anzeige

    Praxistest und DIY Projekte
    hallo,
    ich habe ein paar Fragen zu ESP32 wifiserver und webserver.
    Zunächst ein einfacher code,
    hier wird wifiserver auf port 80 gestartet und dann eine website aufgebaut, um eine LED zuschalten:
    Code:
    /*
       WiFi Web  wifiserver LED Blink
       A simple web  wifiserver that lets you blink an LED via the web.
       This sketch will print the IP address of your WiFi Shield (once connected)
       to the Serial monitor. From there, you can open that address in a web browser
       to turn on and off the LED on pin 5.
       If the IP address of your shield is yourAddress:
       http://yourAddress/H turns the LED on
       http://yourAddress/L turns it off
       This example is written for a network using WPA encryption. For
       WEP or WPA, change the Wifi.begin() call accordingly.
       Circuit:
       WiFi shield attached
       LED attached to pin 5
       created for arduino 25 Nov 2012
       by Tom Igoe
       ported for sparkfun esp32
       31.01.2017 by Jan Hendrik Berlin
    
    */
    
    #include <WiFi.h>
    
    const char* ssid     = "WLAN-";
    const char* password = "1865844";
    
    IPAddress   this_ip(192, 168, 2, 201); //
    IPAddress   gateway(192, 168, 2, 1);       // <<< LAN Gateway IP
    IPAddress   subnet(255, 255, 255, 0);      // <<< LAN Subnet Mask
    WiFiServer  wifiserver(80);
    
    
    //----------------------------------------------------------
    // GPIOs
    char LED = LED_BUILTIN;
    
    
    //----------------------------------------------------------
    void setup()
    {
       Serial.begin(115200);
       pinMode(LED, OUTPUT);      // set the LED pin mode
    
       delay(10);
    
       // We start by connecting to a WiFi network
    
       Serial.println();
       Serial.println();
       Serial.print("Connecting to ");
       Serial.println(ssid);
    
       WiFi.config(this_ip, gateway, subnet, gateway, gateway);
       WiFi.begin(ssid, password);
    
       while (WiFi.status() != WL_CONNECTED) {
          delay(500);
          Serial.print(".");
       }
    
       Serial.println("");
       Serial.println("WiFi connected.");
       Serial.println("IP address: ");
       Serial.println(WiFi.localIP());
    
       wifiserver.begin();
    }
    
    int value = 0;
    
    
    //----------------------------------------------------------
    void loop() {
      handleWebsite();
      delay(1);
    }
    
    //----------------------------------------------------------
    void handleWebsite() {
       WiFiClient client =  wifiserver.available();   // listen for incoming clients
    
       if (client) {                             // if you get a client,
          Serial.println("New Client.");           // print a message out the serial port
          String currentLine = "";                // make a String to hold incoming data from the client
          while (client.connected()) {            // loop while the client's connected
             if (client.available()) {             // if there's bytes to read from the client,
                char c = client.read();             // read a byte, then
                Serial.write(c);                    // print it out the serial monitor
                if (c == '\n') {                    // if the byte is a newline character
    
                   // if the current line is blank, you got two newline characters in a row.
                   // that's the end of the client HTTP request, so send a response:
                   if (currentLine.length() == 0) {
                      // HTTP headers always start with a response code (e.g. HTTP/1.1 200 OK)
                      // and a content-type so the client knows what's coming, then a blank line:
                      client.println("HTTP/1.1 200 OK");
                      client.println("Content-type:text/html");
                      client.println();
    
                      // the content of the HTTP response follows the header:
                      client.print("Click <a href=\"/H\">here</a> to turn the LED on pin 5 on.<br>");
                      client.print("Click <a href=\"/L\">here</a> to turn the LED on pin 5 off.<br>");
    
                      // The HTTP response ends with another blank line:
                      client.println();
                      // break out of the while loop:
                      break;
                   } else {    // if you got a newline, then clear currentLine:
                      currentLine = "";
                   }
                } else if (c != '\r') {  // if you got anything else but a carriage return character,
                   currentLine += c;      // add it to the end of the currentLine
                }
    
                // Check to see if the client request was "GET /H" or "GET /L":
                if (currentLine.endsWith("GET /H")) {
                   digitalWrite(LED, HIGH);               // GET /H turns the LED on
                }
                if (currentLine.endsWith("GET /L")) {
                   digitalWrite(LED, LOW);                // GET /L turns the LED off
                }
             }
          }
          // close the connection:
          client.stop();
          Serial.println("Client Disconnected.");
       }
    }
    einigermaßen klar soweit.

    Jetzt der nächste Code:
    hier wird eine Authentizifierung per login (admin) und pwd (esp32) verlangt, bevor man auf die nachfolgende website kommt. Die zählt nur in kurzen Abständen einen Counter hoch.
    Dazu wird aber die Verbindung über einen webserver(!) auf port 80 hergestellt
    - das verstehe ich schon mal nicht.
    edit:
    ebenfalls seltsam: in der loop() wird webserver.handleClient() aufgerufen, aber es gibt gar keine entsprechende Funktion (nur webserver.handleRoot() ) - verstehe ich ebenfalls nicht.
    Aber immerhin, es funktioniert.
    Code:
    /*
      HTTP Advanced Authentication example
      plus AdvancedWebserver example, unified
      Created Mar 16, 2017 by Ahmed El-Sharnoby.
      This example code is in the public domain.
      Reworked by dsyleixa 2019
    */
    
    #include <WiFi.h>
    #include <WiFiClient.h>
    #include <ESPmDNS.h>
    #include <ArduinoOTA.h>
    #include <WebServer.h>
    
    WebServer  webserver(80);
    
    
    char ssid[64]     = "WLAN";
    char password[64] = "1865844";
    
    char www_username[64] = "admin";
    char www_password[64] = "esp32";
    
    
    IPAddress   this_ip(192, 168, 2, 201); // <<< static local IP of this ESP-webserver
    IPAddress   gateway(192, 168, 2, 1);         // <<< LAN Gateway IP
    IPAddress   subnet(255, 255, 255, 0);        // <<< LAN Subnet Mask
    
    
    // allows you to set the realm of authentication Default:"Login Required"
    const char* www_realm = "Custom Auth Realm";
    // the Content of the HTML response in case of Unautherized Access Default:empty
    String authFailResponse = "Authentication Failed";
    
    
    //----------------------------------------------------------
    // GPIOs
    char LED = LED_BUILTIN;
    
    
    
    //----------------------------------------------------------
    void setup() {
      Serial.begin(115200);
      pinMode(LED, OUTPUT);      // set the LED pin mode
    
      WiFi.mode(WIFI_STA);
      WiFi.begin(ssid, password);
      WiFi.config(this_ip, gateway, subnet, gateway, gateway);
      
      if (WiFi.waitForConnectResult() != WL_CONNECTED) {
        Serial.println("WiFi Connect Failed! Rebooting...");
        delay(1000);
        ESP.restart();
      }
      ArduinoOTA.begin();
    
      webserver.on("/", []() {
        if (!webserver.authenticate(www_username, www_password))
          //Basic Auth Method with Custom realm and Failure Response
          //return webserver.requestAuthentication(BASIC_AUTH, www_realm, authFailResponse);
          //Digest Auth Method with realm="Login Required" and empty Failure Response
          //return webserver.requestAuthentication(DIGEST_AUTH);
          //Digest Auth Method with Custom realm and empty Failure Response
          //return webserver.requestAuthentication(DIGEST_AUTH, www_realm);
          //Digest Auth Method with Custom realm and Failure Response
        {
          return webserver.requestAuthentication(DIGEST_AUTH, www_realm, authFailResponse);
        }
    
        handleRoot();
      });
      
      webserver.onNotFound(handleNotFound);
      webserver.begin();
      
      Serial.println("HTTP webserver started");
    
      Serial.print("Open http://");
      Serial.print(WiFi.localIP());
      Serial.print(":");
      Serial.print(80);
      Serial.println("/ in your browser to see it working");
    }
    
    
    //----------------------------------------------------------
    void loop() {
      ArduinoOTA.handle();
      webserver.handleClient();
    }
    
    
    
    //----------------------------------------------------------
    void handleRoot() {
      
      char temp[255];  
      String script;
      
      int sec = millis() / 1000;
      int min = sec / 60;
      int hr = min / 60;
    
      // time-cstr
      sprintf(temp,"%02d:%02d:%02d", hr, min%60, sec%60);
    
    
      script=
         (String)"" +
         "<html>" +     
         "<head>" + 
           "<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\"> \n" +
           "<meta http-equiv='refresh' content='5'; URL=\"/myweb.sytes.net:80\"/>" +
           "<title>ESP32 Demo</title>" +
           "<style>" +
             "body { background-color: #cccccc; font-family: Arial, Helvetica, Sans-Serif; Color: #000088; }" +       
             "</style>" +
         "</head>" +
         "<body>" +
           "<h1>Hello from ESP32°!</h1>" +
           "<p>Uptime:" + temp + "</p>" +
    
         "</body>" +
         "<br> \n " +
         "</html>"
         ;
       
      webserver.send(200, "text/html", script);
      
    
    }
    
    
    //----------------------------------------------------------
    void handleNotFound() {
      String message = "File Not Found\n\n";
      message += "URI: ";
      message += webserver.uri();
      message += "\nMethod: ";
      message += (webserver.method() == HTTP_GET) ? "GET" : "POST";
      message += "\nArguments: ";
      message += webserver.args();
      message += "\n";
    
      for (uint8_t i = 0; i < webserver.args(); i++) {
        message += " " + webserver.argName(i) + ": " + webserver.arg(i) + "\n";
      }
    
      webserver.send(404, "text/plain", message);
    
    }
    Nun aber das eigentliche Problem:
    Wie bekomme ich die LED-Steuerung aus dem 1. Code zusätzlich auf die Website vom 2. Code?
    Da laufen mir wifiserver und webserver nun völlig aus dem Ruder, alle meine Versuche sind gescheitert.

    Wer bekommt das gemeinsam zum Laufen?
    Geändert von HaWe (17.06.2020 um 11:38 Uhr)

  2. #2
    Erfahrener Benutzer Robotik Einstein
    Registriert seit
    18.03.2018
    Beiträge
    2.650
    webserver.h scheint identisch mit ESP8266WebServer.h
    Im Code zum HTML-Tastenfeld hatte ich genügend Kommentare reingeschrieben, die beschreiben, in welchem Abschnitt was passiert.
    Der Code reicht beispielhaft aus, um das Problem zu lösen.


    MfG

    - - - Aktualisiert - - -

    Alles was Du brauchst, bekommst Du über die Webserver-Klasse. Query-String auswerten(.on() ... Handler, falls Daten vorhanden), Daten senden (.send()) und empfangen (.handleClient()).
    Geändert von Moppi (17.06.2020 um 12:09 Uhr)

  3. #3
    HaWe
    Gast
    die Fragen waren ja vorwiegend 2:
    1) warum wird einmal wifiserver und einmal webserver verwendet, um eine Website aufzubauen?
    2) wie kriegt man beide Codes unter 1 Dach?

  4. #4
    Erfahrener Benutzer Robotik Einstein
    Registriert seit
    18.03.2018
    Beiträge
    2.650
    1) Das war schon immer so, so lange ich damit herumprobiere. Verschiedene Lösungen sind möglich. Genauer kann ich das leider nicht sagen, weil ich die Methoden der einzelnen Klassen nicht im Kopf habe. Ohne Webserver.h ist alles etwas umständlicher. Da musst Du dann mit client.read() Zeichen einzeln lesen und alles selber zerlegen, was da ankommt. Webserver.h macht es einfacher.
    2) gar nicht unter ein Dach. Die erste Lösung brauchst Du nicht, ich würde die Zweite bevorzugen.
    Wie ich schon schrieb:
    Alles was Du brauchst, bekommst Du über die Webserver-Klasse. Query-String auswerten(.on() ... Handler, falls Daten vorhanden), Daten senden (.send()) und empfangen (.handleClient()).
    und auch um Argumente aus dem Query-String zu bekommen: .hasArg() und .arg().

    MfG

  5. #5
    HaWe
    Gast
    Die erste Lösung brauchst Du nicht, ich würde die Zweite bevorzugen.
    die erste Lösung bietet aber die LED-switch-Links, die in der 2. fehlen, daher brauche ich quasi die 1. Lösung schon noch zusätzlich für "unter 1 Hut" - das wäre ja das Ziel...:
    Wie bekomme ich die LED-Steuerung aus dem 1. Code zusätzlich auf die Website vom 2. Code?

  6. #6
    Erfahrener Benutzer Robotik Einstein
    Registriert seit
    18.03.2018
    Beiträge
    2.650
    Mit webserver.h beschränkt es sich auf das Auswerten der Argumente. Wenn ein bestimmtes Argument des Query-String einen bestimmten Wert hat, kannst Du die LED ein oder ausschalten. Zum Beispiel: if(server.arg("bn") == "clear") digitalWrite(LED,1);

  7. #7
    HaWe
    Gast
    sorry, aber du verstehts mich falsch:
    ich kann den Code nicht selber neu schreiben, daher will ich beide lauffähig (!) miteinander kombinieren - evtl mit kleinen Änderungen, aber immerhin lauffähig.
    Wer bekommt das gemeinsam zum Laufen?

  8. #8
    Erfahrener Benutzer Robotik Einstein
    Registriert seit
    18.03.2018
    Beiträge
    2.650
    Ich habe Dich richtig verstanden und rate aber davon ab. Weil es auch keinen Sinn ergibt, das zusammen zu frickeln - wie auch immer.

    MfG

  9. #9
    HaWe
    Gast
    dann müsste man also den 1. Code irgendwie erst umprogrammieren und dann hinzufügen, damit man es gemeinsam zum Laufen kriegt...

  10. #10
    Erfahrener Benutzer Robotik Einstein
    Registriert seit
    18.03.2018
    Beiträge
    2.650
    Ich weiß nicht. Ich sehe kein Konzept oder erkenne es nicht(?). Ich verstehe auch die Problemstellung dahingehend nicht, weil das scheint nicht Dein Code zu sein, sondern von jemand anderem. Der Zweite ja auch. Dort kann man schauen, wie es gemacht wird. Bloß, was willst Du machen? Wie man eine Webseite erzeugt und auf Eingaben reagieren kann, das hatte ich beim HTML-Tastenfeld schon gezeigt, das war wirklich nicht schwer. Da habe ich auch die Webserver-Klasse verwendet, weil das noch einfacher ist, als mit dem anderen Kram alles zu Fuß zu machen. Programmieren muss man dann allerdings dennoch etwas, das ist nicht zu ändern, aber ohne Plan?


    MfG

Seite 1 von 2 12 LetzteLetzte

Ähnliche Themen

  1. ADC mit Uno, Mega und Due und M4 vs. ESP32
    Von HaWe im Forum Arduino -Plattform
    Antworten: 2
    Letzter Beitrag: 27.08.2019, 23:16
  2. WifiServer: anderer (zusätzlicher) Port als 80 ?
    Von HaWe im Forum NodeMCU-Board und ESP8266, ESP32-Serie
    Antworten: 6
    Letzter Beitrag: 10.11.2017, 11:59
  3. Antworten: 4
    Letzter Beitrag: 24.03.2014, 17:58
  4. RF12 - 433Mhz Funkmodul von Pollin. Fragen zum Code
    Von Kai.s0r im Forum Basic-Programmierung (Bascom-Compiler)
    Antworten: 16
    Letzter Beitrag: 10.06.2010, 17:37
  5. TWI (Übertragung mehrer Bytes) Code + Fragen
    Von hdtvfreak im Forum Basic-Programmierung (Bascom-Compiler)
    Antworten: 6
    Letzter Beitrag: 26.12.2008, 00:08

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •  

fchao-Sinus-Wechselrichter AliExpress