Servidor WEB con el ESP8266 y Arduino

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

Un módulo wifi Esp8266.

Un Arduino UNO.

En la siguiente imagen, mostraremos el resultado de la aplicación.

IMAGEN PAGINA

Procedimiento

Paso # 1. Lo primero es saber reconocer los pines de nuestro módulo ESP8266. Aquí se muestra en la siguiente imagen:

ESP8266

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.

Servidor WEB con el ESP8266 y Arduino

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.

 

#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);
}
}


config_esp8266

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”:

imagen 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”:

IMAGEN AT

Ahora cambiamos la configuración de los baudios  con el siguiente comando.

“AT+CIOBAUD=9600”:

IMAGEN BAUD

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”:

IMAGEN MODE

 

CONECTANDO A UNA RED

Después pasamos a revisar nuestras redes wifi mediante el comando “AT+CWLAP” y nos mostraría algo como esto:

IMAGEN CWLAP

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:

IMAGEN CWJAP

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:

IMAGEN CIFSR

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”:

IMAGEN MUX

Después ingresamos la dirección  “IP” del módulo en nuestro navegador:

IMAGEN IP

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:

Servidor WEB con el ESP8266 y Arduino

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:

IMAGEN PAGINA

 

10 Comments

  1. Jesus Gonzalez noviembre 9, 2016
    • Saul Jesus noviembre 11, 2016
    • Barzum diciembre 8, 2016
    • Barzum diciembre 9, 2016
      • Saul Jesus diciembre 14, 2016
  2. Antonio enero 18, 2017
  3. Miguel mayo 14, 2018
  4. Delfino junio 11, 2018
    • Delfino junio 11, 2018

Escríbenos tus dudas o comentarios

Usamos Cookies en nuestro sitio WEB

Por favor confirma, si aceptas nuestras cookies de rastreo. También puedes negar el uso de cookies de rastreo y seguir navegando sin que ninguna información sea enviada a servicios de terceros.