Legido Wiki

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
====== LED parpadeando ======

OTA con LED parpadeando en el pin 13

<code>
#include <WiFi.h>
#include <WebServer.h>
#include <Update.h>

// Config WiFi
const char* ssid = "XXXXXXXX";
const char* password = "XXXXXXXX";

#define RELAY_PIN  13  // usa cualquier pin digital disponible

// IP fija (opcional)
IPAddress ip(192, 168, 1, 112);
IPAddress gateway(192, 168, 1, 1);
IPAddress subnet(255, 255, 255, 0);
IPAddress dns(8, 8, 8, 8);

WebServer server(80);

// HTML para la página OTA
const char* otaForm = R"rawliteral(
<!DOCTYPE html>
<html>
  <head>
    <title>ESP32 OTA Update</title>
    <meta charset="utf-8">
    <style>
      body { font-family: sans-serif; background-color: #f4f4f4; padding: 30px; }
      form { background: white; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px #ccc; }
      input[type="submit"] { padding: 10px 20px; }
    </style>
  </head>
  <body>
    <h2>ESP32 OTA Firmware Update</h2>
    <form method="POST" action="/update" enctype="multipart/form-data">
      <input type="file" name="update">
      <input type="submit" value="Subir firmware">
    </form>
  </body>
</html>
)rawliteral";

void handleRoot() {
  server.send(200, "text/html", "<h1>ESP32 OTA disponible en <a href='/update'>/update</a></h1>");
}

void handleUpdateForm() {
  server.sendHeader("Connection", "close");
  server.send(200, "text/html", otaForm);
}

void handleUpdateUpload() {
  HTTPUpload& upload = server.upload();

  if (upload.status == UPLOAD_FILE_START) {
    Serial.printf("\nIniciando actualización: %s\n", upload.filename.c_str());
    if (!Update.begin(UPDATE_SIZE_UNKNOWN)) {
      Update.printError(Serial);
    }
  } else if (upload.status == UPLOAD_FILE_WRITE) {
    if (Update.write(upload.buf, upload.currentSize) != upload.currentSize) {
      Update.printError(Serial);
    }
    Serial.print(".");
  } else if (upload.status == UPLOAD_FILE_END) {
    if (Update.end(true)) {
      Serial.printf("\nActualización completa: %u bytes\n", upload.totalSize);
    } else {
      Update.printError(Serial);
    }
  }
  yield();
}

void handleUpdateFinished() {
  if (Update.hasError()) {
    server.send(200, "text/html", "<h1>❌ Fallo en la actualización</h1><p>Revisa la consola serie para más detalles.</p>");
  } else {
    server.send(200, "text/html", "<h1>✅ Actualización exitosa</h1><p>Reiniciando en 5 segundos...</p>");
    server.client().stop(); // cerrar conexión limpiamente
    delay(5000);
    ESP.restart();
  }
}

void setup() {
  pinMode(RELAY_PIN, OUTPUT);
  digitalWrite(RELAY_PIN, LOW); // asegúrate de que esté apagado al inicio
  Serial.begin(115200);
  delay(1000);

  // WiFi
  WiFi.config(ip, gateway, subnet, dns);
  WiFi.begin(ssid, password);
  Serial.print("Conectando a WiFi");

  while (WiFi.status() != WL_CONNECTED) {
    delay(500);
    Serial.print(".");
  }

  Serial.println("\nWiFi conectado. IP: ");
  Serial.println(WiFi.localIP());

  // Rutas web
  server.on("/", handleRoot);
  server.on("/update", HTTP_GET, handleUpdateForm);
  server.on("/update", HTTP_POST, handleUpdateFinished, handleUpdateUpload);

  server.begin();
  Serial.println("Servidor web OTA iniciado");
}

void loop() {
  server.handleClient();

  Serial.println("Encendiendo Led");
  digitalWrite(RELAY_PIN, HIGH); // activa el relé
  delay(5000); // bomba encendida 5 segundos

  Serial.println("Apagando Led");
  digitalWrite(RELAY_PIN, LOW);  // desactiva el relé
  delay(5000); // bomba apagada 5 segundos
}
</code>

====== Encender LED desde página WEB ======
<code>
#include <WiFi.h>
#include <WebServer.h>
#include <Update.h>

// =================== HTMLS ===================

const char* mainPage = R"rawliteral(
<!DOCTYPE html>
<html>
  <head>
    <title>Control ESP32</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
      body { font-family: sans-serif; background-color: #f4f4f4; padding: 30px; max-width: 600px; margin: 0 auto; }
      .card { background: white; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px #ccc; margin-bottom: 20px; }
      .btn { padding: 10px 20px; border: none; border-radius: 4px; color: white; font-size: 16px; cursor: pointer; transition: background-color 0.3s; }
      .btn-on { background-color: #4CAF50; }
      .btn-on:hover { background-color: #45a049; }
      .btn-off { background-color: #f44336; }
      .btn-off:hover { background-color: #d32f2f; }
      .btn-auto { background-color: #2196F3; }
      .btn-auto:hover { background-color: #0b7dda; }
      .status { padding: 10px; margin: 10px 0; border-radius: 4px; text-align: center; }
      .on { background-color: #dff0d8; color: #3c763d; }
      .off { background-color: #f2dede; color: #a94442; }
    </style>
    <script>
      function toggleLED() {
        fetch("/toggle").then(() => location.reload());
      }
      function toggleAuto() {
        fetch("/auto").then(() => location.reload());
      }
    </script>
  </head>
  <body>
    <h1>Control ESP32</h1>
    <div class="card">
      <h2>Control del LED</h2>
      <div class="status %LED_STATUS%">Estado actual: %LED_STATE%</div>
      <button class="btn %BTN_ON_CLASS%" onclick="toggleLED()">%BTN_TEXT%</button>
      <button class="btn btn-auto" onclick="toggleAuto()">%AUTO_TEXT%</button>
    </div>
    <div class="card">
      <h2>Actualización OTA</h2>
      <form method="POST" action="/update" enctype="multipart/form-data">
        <input type="file" name="update">
        <input type="submit" value="Actualizar firmware">
      </form>
    </div>
  </body>
</html>
)rawliteral";

const char* successPage = R"rawliteral(
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Actualización exitosa</title>
    <meta http-equiv="refresh" content="5;url=/" />
  </head>
  <body style="font-family: sans-serif; background-color: #f4f4f4; padding: 30px;">
    <div style="background: white; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px #ccc;">
      <h1>✅ Actualización exitosa</h1>
      <p>El ESP32 se reiniciará automáticamente en unos segundos...</p>
    </div>
  </body>
</html>
)rawliteral";


// Configuración WiFi
const char* ssid = "XXXXXX";
const char* password = "XXXXXXXX";

// IP estática (opcional)
IPAddress ip(192, 168, 1, 112);
IPAddress gateway(192, 168, 1, 1);
IPAddress subnet(255, 255, 255, 0);
IPAddress dns(8, 8, 8, 8);

#define RELAY_PIN 13

WebServer server(80);

bool ledState = false;
bool autoBlink = true;

unsigned long previousMillis = 0;
const unsigned long interval = 500;

void setup() {
  Serial.begin(115200);
  pinMode(RELAY_PIN, OUTPUT);
  digitalWrite(RELAY_PIN, LOW);

  WiFi.config(ip, gateway, subnet, dns);
  WiFi.begin(ssid, password);
  while (WiFi.status() != WL_CONNECTED) delay(100);
  Serial.print("Conectado: "); Serial.println(WiFi.localIP());

  server.on("/", []() {
    String html = mainPage;
    html.replace("%LED_STATE%", ledState ? "ENCENDIDO" : "APAGADO");
    html.replace("%LED_STATUS%", ledState ? "on" : "off");
    html.replace("%BTN_TEXT%", ledState ? "Apagar" : "Encender");
    html.replace("%BTN_ON_CLASS%", ledState ? "btn-off" : "btn-on");
    html.replace("%AUTO_TEXT%", autoBlink ? "Auto: ON" : "Auto: OFF");
    server.send(200, "text/html; charset=utf-8", html);
  });

  server.on("/toggle", []() {
    ledState = !ledState;
    autoBlink = false;
    digitalWrite(RELAY_PIN, ledState);
    server.send(200, "text/plain", "OK");
  });

  server.on("/auto", []() {
    autoBlink = !autoBlink;
    server.send(200, "text/plain", "OK");
  });

  server.on("/update", HTTP_POST, []() {
    server.sendHeader("Connection", "close");
    server.send(200, "text/html; charset=utf-8", successPage);
    delay(2000);
    ESP.restart();
  }, []() {
    HTTPUpload& upload = server.upload();
    if (upload.status == UPLOAD_FILE_START) {
      Serial.printf("OTA iniciada: %s\n", upload.filename.c_str());
      if (!Update.begin(UPDATE_SIZE_UNKNOWN)) Update.printError(Serial);
    } else if (upload.status == UPLOAD_FILE_WRITE) {
      if (Update.write(upload.buf, upload.currentSize) != upload.currentSize) Update.printError(Serial);
    } else if (upload.status == UPLOAD_FILE_END) {
      if (Update.end(true)) Serial.println("OTA finalizada correctamente");
      else Update.printError(Serial);
    }
  });

  server.begin();
}

void loop() {
  server.handleClient();

  if (autoBlink) {
    unsigned long currentMillis = millis();
    if (currentMillis - previousMillis >= interval) {
      previousMillis = currentMillis;
      ledState = !ledState;
      digitalWrite(RELAY_PIN, ledState);
    }
  }
}

</code>