{"id":3929,"date":"2016-12-10T13:24:54","date_gmt":"2016-12-10T12:24:54","guid":{"rendered":"http:\/\/www.diarioelectronicohoy.com\/blog\/?p=3929"},"modified":"2019-06-13T19:18:50","modified_gmt":"2019-06-13T17:18:50","slug":"alarma-wifi-con-blynk","status":"publish","type":"post","link":"https:\/\/www.diarioelectronicohoy.com\/blog\/alarma-wifi-con-blynk","title":{"rendered":"Alarma WIFI con BLYNK"},"content":{"rendered":"
CREADA EN DIC. 2016<\/h5>\n

INTRODUCCI\u00d3N.<\/h3>\n

Vamos a crear una alarma que se active por movimiento y nos avise si se produce un movimiento en un recinto que queremos asegurar. Esta alarma tiene la particularidad de utilizar una app\u00a0Blynk.<\/p>\n

Blynk<\/strong>\u00a0es un servicio en la nube,\u00a0es una plataforma con iOS<\/strong> y Android<\/strong> para el control\u00a0de Arduino<\/em>, Raspberry Pi, ESP8266<\/em> y las apps a trav\u00e9s de Internet, donde el usuario puede crear proyectos IoT en su celular, con una conexi\u00f3n de red y un celular al que podremos agregarle controles, botones, conectar un dispositivo IoT, y algunas tarjetas de desarrollo.<\/p>\n

Sea cual sea nuestro proyecto, hay cientos de tutoriales que hacen la parte hardware bastante f\u00e1cil, pero la construcci\u00f3n de la interfaz de software sigue siendo dif\u00edcil. Sin embargo, con Blynk el lado del software es incluso m\u00e1s f\u00e1cil que el hardware.<\/p>\n

LA INTERFACE.<\/h3>\n

En principio debemos descargar e instalar en nuestro tel\u00e9fono inteligente una aplicaci\u00f3n llamada Blynk<\/strong><\/a>, que funciona con Android<\/em> o iOS<\/em>, y que puede utilizar un hardware<\/strong> como:\u00a0Arduino<\/strong>, Raspberry Pi<\/strong>, ESP8266<\/strong>\u00a0u otro kit de desarrollo. Utilizaremos un nodeMCU ESP8266-12E<\/a>.<\/p>\n

\"\"<\/a>Fig. 1<\/p>\n

Una vez instalada la app hay que crear una cuenta nueva Blynk<\/strong>,\u00a0debemos ingresar un e-mail verdadero para guardar y recibir los datos que se generen en cada proyecto,\u00a0la app dispone de una funcionalidad para realizar la conexi\u00f3n y autenticar el dispositivo mediante una llave de autorizaci\u00f3n llamada authtoken<\/em>.<\/p>\n

Tambi\u00e9n debemos instalar la \u00faltima librer\u00eda de Blynk<\/a>, si no sabe como instalar la librer\u00eda siga los pasos indicados aqu\u00ed<\/a>. Ahora iniciaremos sesi\u00f3n con el celular, le daremos a Crear Nuevo Proyecto<\/em>,\u00a0damos un nombre al proyecto y en la celda que sigue elegimos el hardware que utilicemos (aparecer\u00e1n una extensa lista), la resaltada ESP8266 y justo debajo nos mostrar\u00e1 el authtoken<\/em>\u00a0(autorizaci\u00f3n) correspondiente, podemos elegir que nos lo env\u00ede por e-mail para tener un respaldo del mismo. Veamos un ejemplo.<\/p>\n

CREAR UN NUEVO PROYECTO.<\/h4>\n

Pero antes de seguir, hagamos un boceto que sirva de ejemplo y veremos como se prepara la aplicaci\u00f3n Blynk para obtener el c\u00f3digo de autenticaci\u00f3n. Primero el circuito que utilizaremos.<\/p>\n

\"\"<\/a>Fig. 2<\/p>\n

Abramos la aplicaci\u00f3n Blynk en el tel\u00e9fono y crearemos un nuevo proyecto (Usted dispone de una ‘energ\u00eda’ gratis, si se acaba deber\u00e1 adquirir la que considere necesaria. Guarde los proyectos y las autenticaciones o perder\u00e1 esa ‘energ\u00eda’).<\/p>\n

\"\"<\/a>Fig. 3<\/p>\n

Se abre una nueva ventana.\u00a0Le daremos un nombre a nuestro proyecto, en\u00a0Modelo de hardware<\/em> seleccionamos \u00a0(resaltado o el que se requiera), se hace evidente la larga lista de tipos disponibles que va en aumento.<\/p>\n

\"\"<\/a>Fig. 4<\/p>\n

Aparecer\u00e1 una nueva celda, pulsar en Connecti\u00f3n Type <\/em>y\u00a0elegir WIFI, aceptamos y presionamos en Create. <\/em>Se\u00a0generar\u00e1 autom\u00e1ticamente un Token <\/strong>autenticaci\u00f3n<\/strong> <\/em>que se env\u00eda\u00a0a nuestro\u00a0e-mail.\u00a0<\/em><\/p>\n

\"\"<\/a>Fig. 5<\/p>\n

En la\u00a0parte superior\u00a0derecha de la nueva ventana\u00a0pulsar sobre el signo m\u00e1s, aparecer\u00e1 una lista de\u00a0iconos (widgets) para\u00a0a\u00f1adir al proyecto.<\/p>\n

\"\"<\/a> \"\"
\n<\/a>Fig. 6 y 7<\/p>\n

Como se muestra, seleccionemos el tipo de Widget<\/em> de bot\u00f3n, de inmediato se a\u00f1adir\u00e1\u00a0el bot\u00f3n al panel. Podemos dejar en blanco el nombre, pero es bueno darle un nombre.<\/p>\n

\"\"<\/a>Fig. 8<\/p>\n

Luego en Output, seleccionamos el PIN anal\u00f3gico o digital, a la derecha podemos elegir el color del pin de salida<\/em>, seg\u00fan nos interese, en este caso el pin 7 es el GPIO13, usted puede usar el que quiera. Y el modo Push<\/strong>\/Switch<\/strong>\u00a0para el bot\u00f3n por\u00a0si queremos activar al\u00a0pulsar<\/em> o conmutar activar\/desactivar<\/em> con cada pulsaci\u00f3n.<\/p>\n

Ahora, desplazando la pantalla hacia arriba, aparecer\u00e1 la opci\u00f3n refrescar, e-mail o Delete (con delete perder\u00e1 energ\u00eda).<\/p>\n

\"\"<\/a>Fig. 9<\/p>\n

EL C\u00d3DIGO.<\/h3>\n

El siguiente es un boceto que sirve de ejemplo y veremos como se utiliza\u00a0la aplicaci\u00f3n Blynk para\u00a0su aplicaci\u00f3n.<\/p>\n

\/\/\n\/\/ Boton_luz_salon.ino\n\/\/ Al pulsar el bot\u00f3n en el m\u00f3vil se activar\u00e1 un rel\u00e9 que en\n\/\/ este caso encender\u00e1 una luz v\u00eda Internet.\n\u00a0\n#include <ESP8266WiFi.h>    \/\/ ESP8266WiFi.h entre < y >\n#include <BlynkSimpleEsp8266.h> \/\/ BlynkSimpleEsp8266.h entre < y >\n\u00a0\n\/\/Su authtoken generado por la aplicacion Blynk\nchar auth[] = \"TuToken\"; \/\/ auth del e-mail\n\u00a0\n\/\/Datos para la conexion de Red Wifi.\nchar ssid[] = \"SSID\"; \/\/Nombre de la red WIFI\nchar pass[] = \"PASSWORD\"); \/\/contrase\u00f1a de la red WIFI\n\u00a0\nvoid setup()\n{\nSerial.begin(115200);\nBlynk.begin(auth, ssid, pass);\n}\n\u00a0\nvoid loop()\n{\nBlynk.run();\n}<\/pre>\n
Este ha sido un art\u00edculo que nos muestra lo sencillo que es aplicar la herramienta Blynk a nuestro nodeMCU ESP8266. Usted s\u00f3lo tiene que insertar el authoken<\/strong><\/em> recibido por e-mail, el nombre de la red de acceso<\/em> y la contrase\u00f1a<\/em> de la red WIFI. Una vez que carguemos y subamos el c\u00f3digo, vamos a comprobar\u00a0la aplicaci\u00f3n Blynk. Abramos nuestro tel\u00e9fono inteligente, vayamos a\u00a0Blynk<\/strong> y all\u00ed ejecutemos la app que hemos creado.<\/p>\n
\"\"<\/a>Fig. 10<\/p>\n
Primero pulsamos al lado del bot\u00f3n y aparecer\u00e1 un tri\u00e1ngulo en la esquina superior de la pantalla, pulsamos en \u00e9l y empezar\u00e1 a ejecutarse la aplicaci\u00f3n, encendiendo y apagando la l\u00e1mpara mediante el tel\u00e9fono inteligente, siempre que tengamos cobertura WIFI.<\/p>\n
El siguiente es un corto v\u00eddeo de baja calidad que, muestra como funciona el programa.<\/p>\n