Servidor WEB con el ESP8266 y Arduino. En este tutorial aprenderemos como usar y conectar el módulo ESP8266 y programarlo con Arduino. También veremos un poco de programación HTML poder conectar un cliente al servidor. También a como crear una página web para visualizar los datos que se estén midiendo en nuestra tarjeta de Arduino. Este módulo sirve para conectarnos a alguna red wifi y después de conectada poder mandar o recibir datos.
Materíal
En la siguiente imagen, mostraremos el resultado de la aplicación.
Procedimiento
Paso # 1. Lo primero es saber reconocer los pines de nuestro módulo ESP8266. Aquí se muestra en la siguiente imagen:
Paso # 2. Después de conocer un poco nuestro modulo lo siguiente es conectarlo al Arduino.
De modo que el pin “URXD” este conectado al pin 2 de Arduino.
El pin “UTXD” este conectado al pin 3 de Arduino.
El pin “VCC” y “CH_PD” esten conectados al pin “3.3v” de Arduino (no es recomendable conectarlo a “5v” por qué podrían dañarse).
El pin “GND” este conectado al pin “GND” de Arduino.
Nota: el módulo WI-FI ESP8266 necesita una corriente superior a la que el Arduino puede dar, que es 50mv por lo que podríamos quitar la corriente al módulo y volverlo a conectar para que arranque y después se estabilizara.
En la siguiente imagen se muestran las conexiones con el ESP8266 y un Arduino UNO R3.
Paso # 3.
Servidor WEB con el ESP8266 y Arduino – CONFIGURACIÓN
Después de realizar las respectivas conexiones, pasamos a nuestro PC y abrimos un nuevo sketch de Arduino, ahora copiamos y pegamos este código al programa de Arduino.
[code language=»cpp»]
#include
SoftwareSerial BT1(3, 2); // RX | TX
char txt;
void setup()
{ Serial.begin(9600);
BT1.begin(115200);
}
void loop()
{if (Serial.available())
{txt = Serial.read();
BT1.print(txt);
}
if (BT1.available())
{txt = BT1.read();
Serial.print(txt);
}
}
[/code]
Paso # 4. Después de copiar el código, conectamos y lo cargamos al Arduino, luego abrimos el monitor serial y nos aseguramos que en la parte de abajo diga “Ambos NL & CR” y en los baudios ”115200 baud” hecho esto ahora cortamos y volvemos a conectar la alimentación del módulo WI-FI para reiniciarlo y después de unos momentos veremos algo como esto y un poco más abajo la palabra “ready”:
Si no apareciera volver a reiniciar el modulo. Si no se entendiera el mensaje verificar que los baudios del módulo ESP8266 sea “115200 baud” y si no bajar los baudios hasta ver algo legible.
Ahora comenzamos a configurar el modulo, ingresamos en el monitor serial la palabra “AT”.
Y recibiremos un “OK”:
Ahora cambiamos la configuración de los baudios con el siguiente comando.
“AT+CIOBAUD=9600”:
Después de hacer esto cambiar los baudios de 115200 a 9600 en el código para estabilizar la comunicación con Arduino por que podría llegar a tener errores en la comunicación a 115200 baud.
Cambiamos esta parte:
void setup()
{Serial.begin(9600);
BT1.begin(115200);
}
Después probamos este comando “AT+CWMODE?” para ver en qué modo está configurado el modulo, nos respondería con un “+CWMODE: 3” y si no aparece el modo 3 utilizamos el comando.
“AT+CWMODE=3”:
CONECTANDO A UNA RED
Después pasamos a revisar nuestras redes wifi mediante el comando “AT+CWLAP” y nos mostraría algo como esto:
Ahora nos conectaremos a una red, en mi caso será “FAMILIA TORRES” y claro con su contraseña mediante este comando AT+CWJAP=”FAMILIA TORRES”,”torres150”.
Nos respondería con algo como esto:
Después vemos que dirección “IP” se nos asignó con el comando “AT+CIFSR” y nuestra dirección será la segunda en aparecer (la dirección puede variar) en mi caso es “192.168.15.19”.
Tenemos que recordar esta «IP» o anotarla porque es la que ingresamos en nuestro navegador:
Ahora tenemos que habilitar las conexiones múltiples y habilitar un servidor.
Mediante los comandos «AT+CIPMUX=1» y este otro «AT+CIPSERVER=1,80»:
Después ingresamos la dirección «IP» del módulo en nuestro navegador:
Ahora como pueden ver en el monitor serial observaremos nuestra «IP».
Luego escribimos un “/” después de la IP luego escriban lo que gusten y en el monitor serial aparecerá lo que escribieron en su navegador por ejemplo “192.168.15.19/abcdefg123” y esto aparecerá en su monitor serial:
Ahora descargamos este archivo que contiene el programa de Arduino que utilizaremos: pagina_esp8266
cargamos este código en su Arduino (sin desconectar el módulo WI-FI y recordando la «IP» sino tendrían que volver a configurar su módulo otra vez). En el código esta agregado un poco de código HTML lo cual explicaré un poco para saber qué hacen cada línea en el código.
Después de cargar el código en el arduino abrimos en monitor serial e ingresamos la dirección IP y obtendríamos una página como esta: