Skip to main content

Crear DASHBOARD en Blynk.io

Vamos a crear un DASHBOARD o PANEL DE CONTROL para controlar nuestro ESP32.

Registro

Entramos en la página https://blynk.io/ de  y nos registramos en LOG IN

paginablynk.png

Nos pide un email

2025-10-23 21_57_10-Dashboard — Mozilla Firefox.png

Cuando lo ponemos, nos llega este mensaje que tenemos que dar al botón "Complete setup"

2025-10-23 21_58_00-Greenshot.png

Nos saldrá un diálogo para elegir la contraseña, una pequeña encuesta 

AÑADIR DEVICE
  1. Vamos a Devices-New Device
  2. Buscamos ESP32
  3. Elegimos Quick start

2025-10-23 22_02_28-Devices - Blynk.Console — Mozilla Firefox.png

En el diálogo elegimos

  1. TIPO ESP32
  2. CONEXIÓN WIFI
  3. PLATAFORMA OTRO

Nos saldrá un código que tiene tres cosas importantes que tienes que guardar (En download te lo baja en formato texto)

  1. ID DE LA PLANTILLA
  2. NOMBRE DE LA P LANTILLA
  3. TOCKEN

2025-10-23 22_07_24-Devices - Blynk.Console — Mozilla Firefox.png

En el siguiente diálogo quiere meter el código en el ESP32, dar a CANCELAR pues eso lo hará Steamakersblocks

TEMPLATE 

Una vez creado el device, le damos dos clicks 

2025-10-23 22_10_43-Devices - Blynk.Console — Mozilla Firefox.png

Si le damos dos clicks sale el Template

  • En los tres puntos horizontales le podemos cambiar el nombre
  • En el Edit podemos poner nuestros elementos

2025-10-23 22_11_48-Devices - Blynk.Console — Mozilla Firefox.png

DATASTREAMS

Al darle a EDIT tenemos opción de ir añadiendo las variables asociadas a los pines virtuales, por ejemplo en este caso DE ESP32 SMARTHOME tenemos 

  • TEMPERATURA asociado al pin virtual V1
  • VENTILADOR asociado al pin virtual V2
  • HUMEDAD asociado al pin virtual V3

2025-10-23 22_19_22-.png

Ves añadiendo las variables que quieras visualizar o gobernar, dándoles las unidades, valores min, max correspondientes

Vamos a ir añadiendo WIDGETS ASOCIADOS A ESOS DATASTREAMS para crear tu panel de control, verás que no tienes muchos gratuitos 😣 pero algo es algo

WIDGETS CASO ESP32 CON SENSORES Y ACTUADORES EN LA PLACA ESCUDO TDRSTEAM MAKER

Te proponemos este PANEL DE CONTROL, que se ve en la figura. En cada uno de ellos puedes ver el pin virtual V1, V2, ....V8 asociado y su correspondencia con la placa de sensores TDR STEAMaker

No utilices ni el potenciómetro ni el sensor de luz, tal y como vimos en Sensores y actuadores de la placa Imagina TDR STEAM, cuando hay comunicación Wifi, están inutilizados.

blynk-dashboard-1.png

Los puedes redimensionar, borrar, etc... En el botón de la rueda dentada vas asociando el Widget con el pin virtual V1, V2, ... V8

blynk-gif.gif

Fuente https://blynk.io/

WIDGETS CASO ESP32 CON SENSORES Y ACTUADORES SMART HOME

Podemos poner multitud de widgets, vamos a simplificar con 

  • ESP32 al Template: Temperatura y humedad
  • Template al ESP32 un botón para encender y apagar el ventilador

2025-10-23 22_22_02-Greenshot.png

 

APP

Hay una APP sencilla, que al loguearse YA APARECE EL DEVICE lo único que hay que hacer es el TEMPLATE asociado, y es muy sencillo

2025-10-23 22_27_43-Greenshot.png

Podemos visualizar y crear las plantillas en el móvil, para ello sigue las instrucciones