|
Tutorial del Internet de las Cosas con el ESP8266
Juan Antonio Villalpando
Volver al índice del tutorial
____________________________
193.- ESP8266. Mediante página web mueve un Servo y muestra grados en LCD.
- Saldrá una página web con un casillero. Escribimos un número y al pulsar el botón "Enviar" el Servo se moverá ese número de grados.
_________________________________
- Conexiones.
_________________________________
- Código.
- Observa el Monitor Serie para ver la IP de conexión.
Servo_LCD.ino |
// Juan A. Villalpando.
// KIO4.COM
// Mueve Servo desde Web. LCD.
////////////////////////////////////////////////
#include <ESP8266WiFi.h>
// Nombre y contraseña de tu red WiFi.
const char* ssid = "Nombre_de_tu_red_WiFi";
const char* password = "Clave_de_tu_red_WiFi";
//// Pantalla LCD
#include <LiquidCrystal_I2C.h>
int columnas = 16;
int filas = 2;
LiquidCrystal_I2C lcd(0x27, columnas, filas);
// LiquidCrystal_I2C lcd(0x3F, columnas, filas);
String numero = "90";
// Servo.
#include <Servo.h>
Servo myservo;
#define servoPin D3 // El servo en el D3
int grado = 90;
WiFiServer server(80);
void setup() {
lcd.init(); // Screen LCD
lcd.backlight(); // Screen LCD
Serial.begin(115200);
// 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("lcd") != -1)
{
// GET /lcdEstoestexto.
numero = req.substring(10); // el mensaje comienza en el caracter 10.
numero.replace("+", " "); // Para que los espacios no salgan con +
numero.replace("%20", " "); // Para que los espacios no salgan con %20
numero.replace(" HTTP/1.1", " "); // Para quitar HTTP/1.1
lcd.clear(); // Borra pantalla.
lcd.setCursor(0, 0); // Inicio del cursor
lcd.print("Grados:");
lcd.setCursor(0,1); // Siguiente renglón.
lcd.print(numero);
Serial.println(numero);
// Mueve el servo.
myservo.write(numero.toInt()); // Convierte String a Entero.
}
//////////////////////////////////////////////
// Página WEB. ////////////////////////////
client.println("HTTP/1.1 200 OK");
client.println("Content-Type: text/html");
client.println(""); // Importante.
client.println("Grados: ");
client.println("<form action='/'><input type='text' name='lcd' value=''><input type='submit' value='Enviar'></form>");
Serial.print("Cliente desconectado: ");
Serial.println(client.remoteIP());
client.flush();
client.stop();
}
|
_________________________________
- Comentarios.
- La información: String req = client.readStringUntil('\r');
llega así: GET /?lcd=46 HTTP/1.1
- Reemplazamos HTTP/1.1 por espacio vacío.
_________________________________
_________________________________
__________________________________________________________________
2.- Otro código parecido.
- En este nuevo código, cuando se recarga la página se muestra en el casillero el último numero enviado.
Servo_LCD.ino |
// Juan A. Villalpando.
// KIO4.COM
// Mueve Servo desde Web. LCD.
////////////////////////////////////////////////
#include <ESP8266WiFi.h>
// Nombre y contraseña de tu red WiFi.
const char* ssid = "Nombre_de_tu_Red_WiFi";
const char* password = "Clave_de_tu_red";
//// Pantalla LCD
#include <LiquidCrystal_I2C.h>
int columnas = 16;
int filas = 2;
LiquidCrystal_I2C lcd(0x27, columnas, filas);
// LiquidCrystal_I2C lcd(0x3F, columnas, filas);
String numero = "90";
// Servo.
#include <Servo.h>
Servo myservo;
#define servoPin D3 // El servo en el D3
int grado = 90;
WiFiServer server(80);
void setup() {
lcd.init(); // Screen LCD
lcd.backlight(); // Screen LCD
Serial.begin(115200);
// 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("lcd") != -1)
{
// GET /lcdEstoestexto.
numero = req.substring(10); // el mensaje comienza en el caracter 10.
numero.replace("+", " "); // Para que los espacios no salgan con +
numero.replace(" HTTP/1.1", " "); // Para quitar HTTP/1.1
lcd.clear(); // Borra pantalla.
lcd.setCursor(0, 0); // Inicio del cursor
lcd.print("Grados:");
lcd.setCursor(0,1); // Siguiente renglón.
lcd.print(numero);
Serial.println(numero);
// Mueve el servo.
myservo.write(numero.toInt()); // Convierte String a Entero.
}
//////////////////////////////////////////////
// Página WEB. ////////////////////////////
client.println("HTTP/1.1 200 OK");
client.println("Content-Type: text/html");
client.println(""); // Importante.
client.println("Grados: ");
client.println("<form action='/'><input type='text' name='lcd' value='");
client.println(numero);
client.println("'><input type='submit' value='Enviar'></form>");
Serial.print("Cliente desconectado: ");
Serial.println(client.remoteIP());
client.flush();
client.stop();
}
|
- He cambiado:
client.println("<form action='/'><input type='text' name='lcd' value='");
client.println(numero);
client.println("'><input type='submit' value='Enviar'></form>");
_________________________________
- Propuestas.
-
_______________________________
|
