IoT con Witty ESP8266 y Blynk

Vamos a seguir intentando sacar partido a la  placa de desarrollo Witty. Esta vez construiremos un sistema de IoT utilizando esta pequeña placa de prototipado que nos va a permitir controlar todos los elementos que monta utilizando un smartphone conectado a internet. Lo más increible  es que lo vamos a hacer utilizando dos líneas de código y con un resultado espectacular. Para ello vamos a utilizar nuestro Witty y un móvil con Android con la aplicación Blynk.

Primeramente instala la aplicación en tu móvil desde Google Play (o bien desde la App Store si tienes un iPhone). Te pedirá un usuario y una password para darte de alta. Una vez hecho esto accede a la opción de añadir proyecto:

Elige el nombre del proyecto y el tipo de tarjeta que quieres utilizar, en nuestro caso NodeMCU. La pantalla nos informa del token de autorización (en azul). Este token debes conservarlo a buen recaudo y no compartirlo con nadie, ya que con el se podrá acceder por completo a tu proyecto. Para no tener que copiar a mano el token, la aplicación  permite enviarlo a tu correo pulsando el botón E-Mail. Una vez introducidos los datos pulsa el botón Create. Aparecerá una pantalla vacía donde podremos colocar nuestros componentes.

Antes de continuar creando nuestro proyecto en la aplicación, vamos a flashear en el Witty el programa necesario para poder controlarlo desde la aplicación. Para ello, primeramente tienes que instalar en el IDE de arduino la librería correspondiente. Ve a la opción de menú Programas -> Incluir librerías -> Gestionar librerías y busca la librería Blynk.

Instala la librería y a continuación escribe este sketch en el IDE. Modifica las variables de esta manera: asigna a la variable auth el valor del token que ha generado Blynk para tu proyecto y las variables WifiNetwork  y WifiPassword con el nombre de tu wifi y la clave del mismo respectivamente.

#include <BlynkSimpleEsp8266.h>


char auth[] = "valorDelToken";
char WiFiNetwork[] = "miSSID";
char WiFiPassword[] = "miContraseña";


void setup() {
  Blynk.begin(auth, WiFiNetwork, WiFiPassword);
}

void loop() {
  Blynk.run(); 
}

Compila el código y súbelo al Witty desde el IDE. Ten en cuenta que debes configurarlo para utilizar la placa NodeMCU antes de flashearlo.

Una vez hecho esto vuelve a la aplicación Blynk en el móvil y desde la paleta de componentes (se presenta deslizando la pantalla de derecha a izquierda) coloca el componente zeRGBa

Toca encima del componente y aparecerá la pantalla para configurar sus propiedades. Informa los valores igual que en la captura inferior. Para informar los valores, simplemente pulsa sobre las cajas correspondientes.

Regresa a la pantalla y añade el componente Gauge a la misma debajo de la cebra.

Establece sus propiedades de la misma manera que en la captura inferior.

Esto es todo. Ahora pulsa el botón play y tendrás funcionando tu proyecto. Puedes ver el funcionamiento en el vídeo. Los cambios de color no se aprecian demasiado, pero espero que os sirva para haceros una idea.

Acceso al código en GitHub: