Tutorial del Internet de las Cosas y Bluetooth con el ESP32
Juan Antonio Villalpando
Volver al índice del tutorial
____________________________
191.- Wemos D1 R32 ESP32. WiFi. Envía un mensaje a LCD. Web.
- Escribimos un Mensaje en el casillero de la página web, se Enviará y se mostrará en la pantalla LCD.

___________________________________________________
- Conexiones.

___________________________________________________
- Código.
web_mensaje.ino |
// Juan A. Villalpando.
// KIO4.COM
// Envía un mensaje.
////////////// Screen LCD I2C ///////////////
#include <LiquidCrystal_I2C.h>
int columnas = 16;
int filas = 2;
LiquidCrystal_I2C lcd(0x27, columnas, filas);
// LiquidCrystal_I2C lcd(0x3F, columnas, filas);
////////////////////////////////////////////////
#include <WiFi.h>
const char* ssid = "Nombre_de_tu_red_WiFi";
const char* password = "La_clave_de_tu_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);
IPAddress primaryDNS(8, 8, 8, 8); //opcional
IPAddress secondaryDNS(8, 8, 4, 4); //opcional
String frase = "-";
WiFiServer server(80);
void setup() {
lcd.init(); // Screen LCD
lcd.backlight(); // Screen LCD
Serial.begin(115200);
// Establecimiento de la IP estática.
if (!WiFi.config(local_IP, gateway, subnet, primaryDNS, secondaryDNS)) {
Serial.println("Fallo en la configuración.");
}
// Conecta a la red wifi.
Serial.println();
Serial.print("Conectando con ");
Serial.println(ssid);
WiFi.begin(ssid, password);
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.
frase = req.substring(10); // el mensaje comienza en el caracter 10.
frase.replace("+", " "); // Para que los espacios no salgan con +
frase.replace(" HTTP/1.1", " "); // Para quitar HTTP/1.1
lcd.clear(); // Borra pantalla.
lcd.setCursor(0, 0); // Inicio del cursor
lcd.print(frase);
lcd.setCursor(0,1); // Siguiente renglón.
lcd.print("KIO4.COM");
Serial.println(frase);
}
//////////////////////////////////////////////
// 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 ESP32.</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("Mensaje: <form action='/'><input type='text' name='lcd' value=''><input type='submit' value='Enviar'>");
client.println("</form></font></center></body></html>");
Serial.print("Cliente desconectado: ");
Serial.println(client.remoteIP());
client.flush();
client.stop();
}
|
_______________________________________
- Comentarios.
- Se han creado esta función:
void escribe_lcd() para escribir la frase en la LCD.
_______________________________________
- Otra versión.
web_mensaje_2.ino |
// Juan A. Villalpando.
// KIO4.COM
// Envía un mensaje.
////////////// Screen LCD I2C ///////////////
#include <LiquidCrystal_I2C.h>
int columnas = 16;
int filas = 2;
LiquidCrystal_I2C lcd(0x27, columnas, filas);
// LiquidCrystal_I2C lcd(0x3F, columnas, filas);
////////////////////////////////////////////////
#include <WiFi.h>
const char* ssid = "Nombre_de_tu_red_WiFi";
const char* password = "La_clave_de_tu_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);
IPAddress primaryDNS(8, 8, 8, 8); //opcional
IPAddress secondaryDNS(8, 8, 4, 4); //opcional
String frase = "-";
WiFiServer server(80);
void setup() {
lcd.init(); // Screen LCD
lcd.backlight(); // Screen LCD
Serial.begin(115200);
// Establecimiento de la IP estática.
if (!WiFi.config(local_IP, gateway, subnet, primaryDNS, secondaryDNS)) {
Serial.println("Fallo en la configuración.");
}
// Conecta a la red wifi.
Serial.println();
Serial.print("Conectando con ");
Serial.println(ssid);
WiFi.begin(ssid, password);
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.
frase = req.substring(10); // el mensaje comienza en el caracter 10.
frase.replace("+", " "); // Para que los espacios no salgan con +
frase.replace(" HTTP/1.1", " "); // Para quitar HTTP/1.1
escribe_lcd(); // Va a la función void escribe_lcd()
}
//////////////////////////////////////////////
// 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 ESP32.</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("Mensaje: <form action='/'><input type='text' name='lcd' value=''><input type='submit' value='Enviar'>");
client.println("</form></font></center></body></html>");
Serial.print("Cliente desconectado: ");
Serial.println(client.remoteIP());
client.flush();
client.stop();
}
// Pantalla LCD
void escribe_lcd(){
lcd.clear(); // Borra pantalla.
lcd.setCursor(0, 0); // Inicio del cursor
lcd.print(frase);
lcd.setCursor(0,1); // Siguiente renglón.
lcd.print("KIO4.COM");
Serial.println(frase);
}
|
_______________________________
|