|
Tutorial del Internet de las Cosas con el ESP8266
Juan Antonio Villalpando
Volver al índice del tutorial
____________________________
321.- ESP8266 D1 R2. Punto de Acceso. Encender/apagar un LED mediante distintos tipos de botones.
- Para que funcione el Punto de acceso, es mejor quitar la parte correspondiente a la IP estática.
punto_acceso_Botones.ino |
// Juan A. Villalpando.
// KIO4.COM
// Punto de acceso. Botones.
#include <ESP8266WiFi.h>
// Configuración de la IP estática.
IPAddress local_IP(192,168,4,2);
IPAddress gateway(192,168,4,9);
IPAddress subnet(255,255,255,0);
const char* ssid = "Juan";
const char* password = "123456789";
WiFiServer server(80);
#define LED5 D5 // LED en terminal 5
String estado = "";
void setup() {
Serial.begin(115200);
pinMode(LED5, OUTPUT);
// Configuración del Punto de Acceso.
Serial.println();
Serial.print("Configurando IP Estática: ");
Serial.println(WiFi.softAPConfig(local_IP, gateway, subnet) ? "Establecida IP estatica" : "Error IP");
Serial.print("Configurando Punto de Acceso: ");
Serial.println(WiFi.softAP(ssid,password) ? ssid : "Error creación P.A.");
// Esta es la IP
Serial.print("Esta es la IP para conectar: ");
Serial.print("http://");
Serial.println(WiFi.softAPIP());
// Inicio del Servidor web.
server.begin();
Serial.println("Servidor web iniciado.");
}
void loop() {
// Consulta si se ha conectado algún cliente.
WiFiClient client = server.available();
if (!client) {
return;
}
Serial.print("Nuevo cliente: ");
Serial.println(client.remoteIP());
// Espera hasta que el cliente envíe datos.
while(!client.available()){ delay(1); }
/////////////////////////////////////////////////////
// Lee la información enviada por el cliente.
String req = client.readStringUntil('\r');
Serial.println(req);
// Realiza la petición del cliente.
if (req.indexOf("on5") != -1) {digitalWrite(LED5, HIGH); estado = "Encendido";}
if (req.indexOf("off5") != -1){digitalWrite(LED5, LOW); estado = "Apagado";}
//////////////////////////////////////////////
// Página WEB. ////////////////////////////
client.println("HTTP/1.1 200 OK");
client.println("Content-Type: text/html");
client.println(""); // Importante.
client.println("<!DOCTYPE HTML>");
client.println("<html>");
client.println("<head><meta charset=utf-8></head>");
client.println("<body><center><font face='Arial'>");
client.println("<h1>Servidor web con ESP8266.</h1>");
client.println("<h2><font color='#009900'>KIO4.COM - Juan A. Villalpando</font></h2>");
client.println("<h3>Página web.</h3>");
client.println("<br><br>");
client.println("<img src='http://iesromerovargas.com/kio42.png'><br>");
client.println("<a href='on5'><button>Enciende LED5</button></a>");
client.println("<a href='off5'><button>Apaga LED5</button></a>");
client.println("<br><br>");
client.println("<a href='on5'>Enciende el LED5</a><br>");
client.println("<a href='off5'>Apaga el LED5</a><br>");
client.println("<br><br>");
client.println("<button type='button' onClick=location.href='on5' style='margin:auto; background-color:green; color:#FFFFFF; padding:6px; border:4px solid black; width:420;'> Enciende LED5 </button>");
client.println("<button type='button' onClick=location.href='off5' style='margin:auto; background-color:red; color:#000000; padding:6px; border:4px solid black; width:420;'> Apaga LED5 </button>");
client.println("<br><br>");
if(estado == "Encendido") {
client.print("<button type='button' onClick=location.href='off5'> Apaga LED5 </button><br><br>");
} else {
client.print("<button type='button' onClick=location.href='on5'> Enciende LED5 </button><br><br>");
}
client.println("<br><br>");
client.println(estado);
client.println("</font></center></body></html>");
Serial.print("Cliente desconectado: ");
Serial.println(client.remoteIP());
client.flush();
client.stop();
}
|
_________________________________
- Propuestas.
1.- Configura para que los botones tengan dimensiones de un tanto por ciento de la pantalla.
_______________________________
|
