Arduino + ESP8266 [Usando los Pines de Arduino]

Que tal Colegas!!!

En este aporte seguiremos practicando con el modulo Wi-Fi ESP8266.

A raíz de algunos comentarios en la entrada anterior de Arduino + ESP8266 en donde me preguntaban como hacer la practica pero utilizando los pines de Arduino, decidí hacer este nuevo post!!!

Esta vez si utilizaremos los pines de el Arduino para activar 2 Leds. Al momento de oprimir unos botones que tendremos en nuestra pagina Web.
También haremos la pagina con un poco mas de estilo utilizando Bootstrap(en este tema no entrare en detalles).

Para ver las características de el modulo y aprender a cargar el sketch utilizando Arduino pásate por ACÁ.

Los materiales que usaremos en esta practica son:
1 Arduino UNO.
1 Modulo ESP8266-01.
2 Leds Cualquier color.
Protoboard
Cables para conexión.

Para esta practica vamos a usar 2 sketch's, uno para el ESP8266 y el otro para Arduino.

Primero vamos a cargar el sketch a Arduino de la manera tradicional, sin tener conectado nada a el.
Este es el código:


Después de hacer lo anterior cargamos el código a el ESP8266.
A continuación les muestro el esquema de conexión para cargar el código a el ESP:

De esta manera estamos usando el Arduino solo como convertidor serial a TTL para cargar el codigo al ESP.
Código:


Después de cargar el código a el ESP y si todo va bien, abran el monitor serial y deberían ver esto:

Ahora abrimos un navegador web y copiamos la dirección que nos indico en el monitor serial.
Tendrán que ver esto:

Muy bien!!! Esta es la interfaz que nos permitirá encender los leds conectados a los pines de Arduino.
Ahora solo nos falta modificar la conexión que ya tenemos echa para enviarle los datos a Arduino por el puerto serie. La conexión queda de esta forma:

Si se pudieron dar cuenta, ya no tenemos conectado el pin de Reset de Arduino a tierra, esto por que ahora si vamos a utilizar el Arduino de manera convencional.

Ahora si, a probar nuestra interfaz web!!!

Como es costumbre les dejo un vídeo de el funcionamiento.

El retardo que se ve al encender los leds solo pasa en el vídeo, cuando ustedes hagan la practica se darán cuenta que la comunicación es al instante.

Hasta aquí este aporte, espero les quede claro los pasos a seguir y de no ser así escriban sus dudas en los comentarios y a la brevedad posible estaré resolviéndolas.

Hasta la proxima Arduineros.