ESP32 Realisierung Bewässerungsanlage

Hallo, ich bin neu hier und beschäftige mich seit geraumer Zeit mit dem Thema Arduino und ESP32 - kleinere Projekte konnte ich bisher recht gut meistern, jedoch hänge ich derzeit mit einem Projekt fest und komme nicht weiter.

In der Regel gehe ich hin, und verwende bestehende Beispiele und wandle dies ab bzw. kombiniere verschiedene miteinander :slight_smile: bspw. Webseite mit Slidern zu Steuerung von Servomotoren oder Buttons zum schalten von Licht.

Mein derzeitiges Projekt: Ich möchte eine Bewässerungsanlage für unseren Garten bauen, welche im ersten Schritt mittels eines ESP32 laufen soll (bisherige Projekte gingen ganz gut). Auf dem ESP32 läuft ein Webserver mit einer Webseite und zwei Buttons ("Bewässern" und "Licht einschalten"). Die Idee ist nachdem man den "Bewässern" Button gedrückt hat soll das dort angeschlossene 12V Ventil für 10min geöffnet werden und sich im Anschluss wieder schließen - basieren wollte ich das ganze auf dem folgenden Beispiel:

/*********
 Rui Santos
 Complete project details at https://randomnerdtutorials.com  
*********/

// Load Wi-Fi library
#include 

// Replace with your network credentials
const char* ssid     = "";
const char* password = "";

// Set web server port number to 80
WiFiServer server(80);

// Variable to store the HTTP request
String header;

// Auxiliar variables to store the current output state
String output26State = "off";
String output27State = "off";

// Assign output variables to GPIO pins
const int output26 = 26;
const int output27 = 27;

void setup() {
 Serial.begin(115200);
 // Initialize the output variables as outputs
 pinMode(output26, OUTPUT);
 pinMode(output27, OUTPUT);
 // Set outputs to LOW
 digitalWrite(output26, LOW);
 digitalWrite(output27, LOW);

 // Connect to Wi-Fi network with SSID and password
 Serial.print("Connecting to ");
 Serial.println(ssid);
 WiFi.begin(ssid, password);
 while (WiFi.status() != WL_CONNECTED) {
   delay(500);
   Serial.print(".");
 }
 // Print local IP address and start web server
 Serial.println("");
 Serial.println("WiFi connected.");
 Serial.println("IP address: ");
 Serial.println(WiFi.localIP());
 server.begin();
}

void loop(){
 WiFiClient client = server.available();   // Listen for incoming clients

 if (client) {                             // If a new client connects,
   Serial.println("New Client.");          // print a message out in 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
       header += c;
       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("Connection: close");
           client.println();
           
           // turns the GPIOs on and off
           if (header.indexOf("GET /26/on") >= 0) {
             Serial.println("GPIO 26 on");
             output26State = "on";
             digitalWrite(output26, HIGH);
           } else if (header.indexOf("GET /26/off") >= 0) {
             Serial.println("GPIO 26 off");
             output26State = "off";
             digitalWrite(output26, LOW);
           } else if (header.indexOf("GET /27/on") >= 0) {
             Serial.println("GPIO 27 on");
             output27State = "on";
             digitalWrite(output27, HIGH);
           } else if (header.indexOf("GET /27/off") >= 0) {
             Serial.println("GPIO 27 off");
             output27State = "off";
             digitalWrite(output27, LOW);
           }
           
           // Display the HTML web page
           client.println("");
           client.println("");
           client.println("");
           // CSS to style the on/off buttons 
           // Feel free to change the background-color and font-size attributes to fit your preferences
           client.println("html { font-family: Helvetica; display: inline-block; margin: 0px auto; text-align: center;}");
           client.println(".button { background-color: #4CAF50; border: none; color: white; padding: 16px 40px;");
           client.println("text-decoration: none; font-size: 30px; margin: 2px; cursor: pointer;}");
           client.println(".button2 {background-color: #555555;}");
           
           // Web Page Heading
           client.println("ESP32 Web Server");
           
           // Display current state, and ON/OFF buttons for GPIO 26  
           client.println("GPIO 26 - State " + output26State + "");
           // If the output26State is off, it displays the ON button       
           if (output26State=="off") {
             client.println("ON");
           } else {
             client.println("OFF");
           } 
              
           // Display current state, and ON/OFF buttons for GPIO 27  
           client.println("GPIO 27 - State " + output27State + "");
           // If the output27State is off, it displays the ON button       
           if (output27State=="off") {
             client.println("ON");
           } else {
             client.println("OFF");
           }
           client.println("");
           
           // 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
       }
     }
   }
   // Clear the header variable
   header = "";
   // Close the connection
   client.stop();
   Serial.println("Client disconnected.");
   Serial.println("");
 }
}

Ich wollte den ersten Button (Pin 26) mit einer millis() Funktion nach einem ersten Drücken nach 10 min wieder automatisch zurück in OFF wechseln lassen. Ich habe schon verschiedene Varianten versucht, aber nie schließt sich der Button wieder selbstständig sondern bleibt geöffnet...

Ist das vom Prinzip her eine Idee oder bin ich total auf dem Holzweg und sollte eher etwas anderes als Basis verwenden.?

Setze Deinen Code bitte in Codetags (</>-Button oben links im Forumseditor oder [code] davor und [/code] dahinter ohne *).
Das kannst Du auch noch nachträglich ändern.

Gruß Tommy

Hallo

Ist dein Problem der Button oder das Ventil ,
Wie wann ein Ventil öffnet und nach 10 Minuten den Ausgang wieder abschaltet kannst du mit millis üben . Beispiele dazu gibt's in der Ide blink without delay.

slowlearner19:
... verwende bestehende Beispiele und wandle dies ab ...

Mit anderen Worten: Du frickelst, ohne wirklich zu verstehen.

Du solltest Dir wenigstens ein geringes Basiswissen aneignen und darauf aufbauen. Arbeite z. B. die Beispiele der IDE durch. Abläufe, die Du realisieren möchtest, solltest Du Dir wenigstens als einfachen Programmablaufplan aufzeichnen und dann Schritt für Schritt umsetzen. Mit Fragen zu Details bist Du hier jedenfalls eher willkommen als mit irgendwoher kopiertem Codemüll.

Gruß

Gregor

Tommy56:
Setze Deinen Code bitte in Codetags (</>-Button oben links im Forumseditor oder [code] davor und [/code] dahinter ohne *).
Das kannst Du auch noch nachträglich ändern.

Gruß Tommy

Danke, für den Hinweis!

Rentner:
Hallo

Ist dein Problem der Button oder das Ventil ,
Wie wann ein Ventil öffnet und nach 10 Minuten den Ausgang wieder abschaltet kannst du mit millis üben . Beispiele dazu gibt's in der Ide blink without delay.

Danke, ja solche Beispiele habe ich schon durchgemacht und die klappen dann auch immer, aber sobald ich versuche die Logik mit den millis in eine Webseite zu übernehmen geht das irgendwie schief. Ich wollte gerade meine Lösung nochmals posten aber ich glaube ich habe schon einen Teil des Problems gefunden... kann es sein, dass ich meinen Abschnitt mit den millis an eine falsche Stelle gesetzt habe - muss es hinter Codezeile: unsigned long currentMillis = millis(); und das ganze noch mit einer Abfrage in welchem Zustand sich gerade der Pin 26 befindet.

/*********
 Rui Santos
 Complete project details at https://randomnerdtutorials.com  
*********/

// Load Wi-Fi library
#include 

// Replace with your network credentials
const char* ssid     = "";
const char* password = "";

// Set web server port number to 80
WiFiServer server(80);

// Variable to store the HTTP request
String header;

// Auxiliar variables to store the current output state
String output26State = "off";
String output27State = "off";

// Assign output variables to GPIO pins
const int output26 = 26;
const int output27 = 27;

// Definition der Millis
unsigned long interval=5000; 		// Zeitintervall 5sec
unsigned long previousMillis=0;		

void setup() {
 Serial.begin(115200);
 // Initialize the output variables as outputs
 pinMode(output26, OUTPUT);
 pinMode(output27, OUTPUT);
 // Set outputs to LOW
 digitalWrite(output26, LOW);
 digitalWrite(output27, LOW);

 // Connect to Wi-Fi network with SSID and password
 Serial.print("Connecting to ");
 Serial.println(ssid);
 WiFi.begin(ssid, password);
 while (WiFi.status() != WL_CONNECTED) {
   delay(500);
   Serial.print(".");
 }
 // Print local IP address and start web server
 Serial.println("");
 Serial.println("WiFi connected.");
 Serial.println("IP address: ");
 Serial.println(WiFi.localIP());
 server.begin();
}

void loop(){

unsigned long currentMillis = millis(); //aktuelle Zeit wird in currentmillis geschrieben
 
WiFiClient client = server.available();   // Listen for incoming clients

 if (client) {                             // If a new client connects,
   Serial.println("New Client.");          // print a message out in 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
       header += c;
       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("Connection: close");
           client.println();
           
           // turns the GPIOs on and off
           if (header.indexOf("GET /26/on") >= 0) {
             Serial.println("GPIO 26 on");
             output26State = "on";
             digitalWrite(output26, HIGH);
           } else if (header.indexOf("GET /27/on") >= 0) {
             Serial.println("GPIO 27 on");
             output27State = "on";
             digitalWrite(output27, HIGH);
           } else if (header.indexOf("GET /27/off") >= 0) {
             Serial.println("GPIO 27 off");
             output27State = "off";
             digitalWrite(output27, LOW);
           }
		
           if ((unsigned long)(currentMillis - previousMillis) >= interval) {     
		Serial.println("GPIO 26 off");
             	output26State = "off";
             	digitalWrite(output26, LOW);		    
		previousMillis = millis();
		}

           // Display the HTML web page
           client.println("");
           client.println("");
           client.println("");
           // CSS to style the on/off buttons 
           // Feel free to change the background-color and font-size attributes to fit your preferences
           client.println("html { font-family: Helvetica; display: inline-block; margin: 0px auto; text-align: center;}");
           client.println(".button { background-color: #4CAF50; border: none; color: white; padding: 16px 40px;");
           client.println("text-decoration: none; font-size: 30px; margin: 2px; cursor: pointer;}");
           client.println(".button2 {background-color: #555555;}");
           
           // Web Page Heading
           client.println("ESP32 Web Server");
           
           // Display current state, and ON/OFF buttons for GPIO 26  
           client.println("GPIO 26 - State " + output26State + "");
           // If the output26State is off, it displays the ON button       
           if (output26State=="off") {
             client.println("ON");
           } else {
             client.println("OFF");
           } 
              
           // Display current state, and ON/OFF buttons for GPIO 27  
           client.println("GPIO 27 - State " + output27State + "");
           // If the output27State is off, it displays the ON button       
           if (output27State=="off") {
             client.println("ON");
           } else {
             client.println("OFF");
           }
           client.println("");
           
           // 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
       }
     }
   }
   // Clear the header variable
   header = "";
   // Close the connection
   client.stop();
   Serial.println("Client disconnected.");
   Serial.println("");
 }
}

gregorss:
Mit anderen Worten: Du frickelst, ohne wirklich zu verstehen.

Du solltest Dir wenigstens ein geringes Basiswissen aneignen und darauf aufbauen. Arbeite z. B. die Beispiele der IDE durch. Abläufe, die Du realisieren möchtest, solltest Du Dir wenigstens als einfachen Programmablaufplan aufzeichnen und dann Schritt für Schritt umsetzen. Mit Fragen zu Details bist Du hier jedenfalls eher willkommen als mit irgendwoher kopiertem Codemüll.

Gruß

Gregor

Hallo Gregor, ja ich will vielleicht immer ein bisschen mit dem Kopf durch die Wand. Ich schaue mir nochmals mehr einfachere Basistutorials durch. Die Idee mit dem Programmablaufpaln ist sehr gut, stimmt das sollte ich mir noch dazu überlegen.

Hallo

Ich bin jetzt dein Programm nicht mehr durchgegangen, aber eigendlich hast du sicher recht.

Wenn du den Zustand des Ventils als Auf oder Zu auf der Webseite anzeigen willst musst du den aktuellen Zustand abfragen und z.B mit einer If abfrage den entsprechenden Text in
die Webseite schreiben.

Ich kenn den EsP 32 nicht , aber für den 8266 gibt es bei den Beispielen eine einfach zu verstehendes Webserverbeispiel

Ja ich versuche es einmal wenn ich zuhause bin. Bisher hatte ich versucht die millis()-Abfrage nach dem folgendende Code ablaufen zu lassen:

 ...if (header.indexOf("GET /26/on") >= 0) {
             Serial.println("GPIO 26 on");
             output26State = "on";
             digitalWrite(output26, HIGH);...

Jedoch befinde ich mich hier ja schon innerhalb der client-Abfrage... daher gehe ich davon aus, dass es bisher nicht geklappt hat.

hab jetzt keine IDE im Zugriff, aber woher hast du den dieses Beispiel?
Ein Webserver der ein Objekt client anlegt. Hässlich.

Außerdem sollte s in der IDE ein schönes Beispiel

Webserver HelloServer

geben.

noiasca:
hab jetzt keine IDE im Zugriff, aber woher hast du den dieses Beispiel?
Ein Webserver der ein Objekt client anlegt. Hässlich.

Dann schaue Dir mal die ursprünglichen Webserver im Ethernet an oder wirf mal einen Blick in die Webserver-Libs des ESP32 oder des ESP8266.
Dann wirst Du festsellen, dass da überall Clients angelegt werden.

Dass Dir das hässlich vorkommt, liegt nur an Deiner Unkenntnis der Abläufe.

Gruß Tommy

@slowlearner19: trotz Unkenntnis habe ich mal folgendes gebastelt:

/*
    This sketch combines the two examples
    ESP32 Webserver Hello Server
    BlinkWithoutDelay

    Einschalten / Ausschalten / Timerstart von Ausgängen mit automatischem Zeitablauf

    Beispiel für http://forum.arduino.cc/index.php?topic=601353
    beigesteuert von noiasca
    2019-03-05 01:14
*/

#include <WiFi.h>
#include <WiFiClient.h>
#include <WebServer.h>
#include <ESPmDNS.h>

const char* ssid = "xxxx";
const char* password = "xxxxxx";

#define TXT_BOARDNAME "ESP32 Webserver"
#define TXT_BOARDID "1"

WebServer server(80);

const uint8_t outputPin[] = {26, 27, 2 };                                                 // the output pins of the relays
const uint32_t interval[] = {10 * 60 * 1000UL, 5 * 60 * 1000UL, 1 * 60 * 1000UL};         // runtime of timer, e.g. 10 minutes
uint32_t previousMillis[] = {0, 0, 0};                                                    // last switch on via timer
uint8_t isTimerRunning[] = {0, 0, 0};                                                     // if timer is running

const uint8_t usedPins = sizeof(outputPin) / sizeof(outputPin[0]);

void handleRoot()
{
  String message;
  message = F("<!doctype html>\n"
              "<html lang='de'>\n"
              "<head>\n<title>" TXT_BOARDNAME " - Board " TXT_BOARDID "</title>\n"
              "<meta http-equiv=\"content-type\" content=\"text/html; charset=utf-8\">\n"
              "<link rel='stylesheet' type='text/css' href='/f.css'>\n"
              "<meta name=\"viewport\" content=\"width=device-width\">\n"
              "</head>\n");
  message += F("<body>\n"
               "<article>\n"
               "<h1>" TXT_BOARDNAME " - Board " TXT_BOARDID "</h1>\n");
  message += F("<form action='#' method='POST'>\n");                              // umgestellt von GET auf POST um Wiederholungen zu ermöglichen
  for (byte i = 0; i < usedPins; i++)
  {
    message += F("<p>Relay");
    message += i;
    message += F(" (GPIO");
    message += outputPin[i];
    message += F(") ist ");
    message += digitalRead (outputPin[i]);

    message += F(" <button formaction='c.php?cmd=on&relay=");
    message += i;
    message += F("'>EIN</button> ");

    message += F("<button formaction='c.php?cmd=off&relay=");
    message += i;
    message += F("'>AUS</button> ");

    message += F("<button formaction='c.php?cmd=toggle&relay=");
    message += i;
    message += F("'>UM</button> ");

    message += F("<button formaction='c.php?cmd=timer&relay=");
    message += i;
    message += F("'>TIMER</button>");
    if (isTimerRunning[i])
    {
      message += F(" (läuft noch ");
      message += (interval[i] - millis() + previousMillis[i]) / 1000;
      message += F(" Sekunden)");
    }
    message += F("</p>\n");
  }
  message += F("</form>\n");
  message += F("</article>\n");
  message += F("<footer><p>Version " __DATE__ " " __TIME__ " </p></footer>\n");
  message += F("</body>\n</html>");
  server.send(200, "text/html", message);
}

void handleNotFound() {
  String message = F("File Not Found\n\n"
                     "URI: ");
  message += server.uri();
  message += F("\nMethod: ");
  message += (server.method() == HTTP_GET) ? "GET" : "POST";
  message += F("\nArguments: ");
  message += server.args();
  message += "\n";
  for (uint8_t i = 0; i < server.args(); i++) {
    message += " " + server.argName(i) + ": " + server.arg(i) + "\n";
  }
  server.send(404, "text/plain", message);
}

void handleCss()
{
  String message;
  message = F("*{font-family:'Open Sans',sans-serif;color:#00487a}\n"
              "body{margin:5px}\n"
              "button{color:white;background-color:blue;border-radius:5px;border-style:none;font-size:20px;width:120px;}\n"
              "footer p{color:dimgray;background:silver;font-size:0.7em}\n"
             );
  server.send(200, "text/css", message);
}

void handleCommand() {                                            // c.php
  // receive command and handle accordingly
  for (uint8_t i = 0; i < server.args(); i++) {
    Serial.print(server.argName(i));
    Serial.print(F(": "));
    Serial.println(server.arg(i));
  }
  if (server.argName(0) == "cmd")
  {
    if (server.arg(0) == "on" )    // switch relays on
    {
      if (server.argName(1) == "relay")
      {
        byte actual = server.arg(1).toInt();
        digitalWrite(outputPin[actual], 1);
      }
    }
    else if (server.arg(0) == "off" )    // switch relay off
    {
      if (server.argName(1) == "relay")
      {
        byte actual = server.arg(1).toInt();
        digitalWrite(outputPin[actual], 0);
      }
    }
    else if (server.arg(0) == "toggle" )    // Toggle relays
    {
      if (server.argName(1) == "relay")
      {
        byte actual = server.arg(1).toInt();
        digitalWrite(outputPin[actual], !digitalRead(outputPin[actual]));
      }
    }
    else if (server.arg(0) == "timer" )    // start timer
    {
      if (server.argName(1) == "relay")
      {
        byte actual = server.arg(1).toInt();
        Serial.print(F("Timer startet for relay")); Serial.print(actual); Serial.print(F(" on GPIO")); Serial.println(outputPin[actual]);
        digitalWrite(outputPin[actual], 1);
        previousMillis[actual] = millis();
        isTimerRunning[actual] = 1;
      }
    }
  }
  server.send(204, "text/plain", "No Content");                      // this page doesn't send back content --> 204
}

void setup(void) {
  for (uint8_t i; i < usedPins; i++)
  {
    pinMode(outputPin[i], OUTPUT);
    digitalWrite(outputPin[i], 0);
  }
  Serial.begin(115200);
  WiFi.mode(WIFI_STA);
  WiFi.begin(ssid, password);
  Serial.println(F("\n"));
  // Wait for connection
  while (WiFi.status() != WL_CONNECTED) {
    delay(500);
    Serial.print(F("."));
  }
  Serial.println();
  Serial.print(F("Connected to "));
  Serial.println(ssid);
  Serial.print(F("IP address: "));
  Serial.println(WiFi.localIP());
  if (MDNS.begin("esp32")) {
    Serial.println(F("MDNS responder started"));
  }
  server.on("/", handleRoot);
  server.on("/c.php", handleCommand);
  server.on("/f.css", handleCss);
  server.onNotFound(handleNotFound);
  server.begin();
  Serial.println(F("HTTP server started"));
}

void loop(void) {
  server.handleClient();
  // check if Relay should be switched off
  for (uint8_t i = 0; i < usedPins; i++)
  {
    if (isTimerRunning[i] && digitalRead(outputPin[i]) && millis() - previousMillis[i] >= interval[i])
    {
      Serial.print(F("Timer ended for relay")); Serial.print(i); Serial.print(F(" on GPIO")); Serial.println(outputPin[i]);
      digitalWrite(outputPin[i], 0);
      isTimerRunning[i] = 0;
    }
  }
}

ist im wesentlichen nur eine Kombination von webserver - helloServer und BlinkWithoutDelay.
Mein Devkit ESP32 hat eine LED auf GPIO2 daher hab ich das ganze halt für 3 Ausgänge gemacht. Funktionsweise soll klar sein: einschalten, ausschalten, umschalten, oder mit Timer einschalten.
Stylesheet kannst nach belieben noch erweitern.
sieht dann ca so aus:


wenn du bei einzelnen Relais bestimmte Kommandos nicht haben willst, dann nutzt du halt nicht die For-Schleife sondern definierst die Zeilen für jedes Relais einzeln.