|
Tutorial del Internet de las Cosas y Bluetooth con el ESP8266
Juan Antonio Villalpando
Volver al índice del tutorial
____________________________
416.- ESP8266. Servo movido desde una página web con botones. Servidor Web.
- Al pulsar dos botones de una página web, el eje del servo se desplaza 5 grados en un sentido o en otro.
- Es parecido al tutorial:
308.- Servidor web WiFi: Enciende/Apaga LED desde página web mediante un Botón.
- NOTA importante: en caso de que no funcione, elimina los códigos correspondientes a la configuración de IP estática.
- En caso que la carga de la página sea lenta, borra la parte del código HTML dejando solo las líneas marcadas como: // NECESARIA
________________________________
- Conexiones.
- En este ejemplo he conectado el Servo directamente a los 5V de la tarjeta, normalmente se suele conectar a una alimentación externa.
- Bajamos el siguente archivo, lo descomprimos y lo copiamos en la carpeta libraries de Arduino.
ESP32_Arduino_Servo.zip
________________________________
- Código.
|
// Juan A. Villalpando.
// KIO4.COM
// Mueve un servo desde una página web con Botones.
#include <Servo.h>
Servo myservo;
#define servoPin D3 // El servo en el D3
int grado = 90;
#include <ESP8266WiFi.h>
const char* ssid = "Nombre_de_tu_Red_WiFi";
const char* password = "Clave_WiFi";
// Configuración de la IP estática.
IPAddress local_IP(192, 168, 1, 12);
IPAddress gateway(192, 168, 1, 1);
IPAddress subnet(255, 255, 255, 0);
WiFiServer server(80);
void setup() {
Serial.begin(115200);
// Establecimiento de la IP estática.
WiFi.config(local_IP, gateway, subnet);
// Conecta a la red wifi.
Serial.println();
Serial.print("Conectando con ");
Serial.println(ssid);
WiFi.begin(ssid, password);
myservo.attach(servoPin);
while (WiFi.status() != WL_CONNECTED) {
delay(500);
Serial.print(".");
}
Serial.println("Conectado con WiFi.");
// Inicio del Servidor web.
server.begin();
Serial.println("Servidor web iniciado.");
// Esta es la IP
Serial.print("Esta es la IP para conectar: ");
Serial.print("http://");
Serial.println(WiFi.localIP());
}
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("aumenta") != -1) {grado = grado + 5; myservo.write(grado);}
if (req.indexOf("disminuye") != -1){grado = grado - 5; myservo.write(grado);}
//////////////////////////////////////////////
// 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='aumenta'><button>Pulsa para aumentar 5 grados.</button></a>"); // NECESARIA
client.println("<a href='disminuye'><button>Pulsa para disminuir 5 grados.</button></a>"); // NECESARIA
client.println("<br>"); // NECESARIA
client.println(grado); // NECESARIA
client.println("</font></center></body></html>");
Serial.print("Cliente desconectado: ");
Serial.println(client.remoteIP());
client.flush();
client.stop();
}
|
________________________________
- Comentarios.
- Según se pulse un Botón u otro, se realizará una petición con las palabras "aumenta" o "disminuye"
- El código de client.readStringUntil, tomará esa palabra y escribirá en el servo 5 grados más o menos.
- Si la página tarda en cargar, elimina códigos de las líneas client.println(" "); como vimos al final del tutorial 308.- Servidor web WiFi
________________________________
- Propuesta.
- Limita que los grados no puedan ser más de 180 ni menos de 0.
_______________________________
|
