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.pngpaginablynk.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
    Vamos a Devices-New Device Buscamos ESP32 Elegimos Quick start

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

    En el diálogo elegimos

      TIPO ESP32 CONEXIÓN WIFI PLATAFORMA OTRO

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

        ID DE LA PLANTILLA NOMBRE DE LA P LANTILLA 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

        PlantillaTEMPLATE 

        Una vez dentrocreado vamosel adevice, Developerle Zonedamos creamosdos NUEVAclicks PLANTILLA

        indicando que es para un ESP32 conectado por WIFI

        blynk-plantilla.png2025-10-23 22_10_43-Devices - Blynk.Console — Mozilla Firefox.png

        YSi ahorale creamosdamos undos clicks sale el Template

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

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

          DATASTREAMSdentro

          Al darle a EDIT tenemos opción de estair plantillaañ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

            blynk-dashboard.png2025-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/

            DeviceWIDGETS CASO ESP32 CON SENSORES Y ACTUADORES SMART HOME

            EntramosPodemos poner multitud de nuevowidgets, envamos https://blynk.io/a simplificar con 

              ESP32 al Template: Temperatura y creamoshumedad Template al ESP32 un DEVICEbotón nuevo,para desdeencender lay plantillaapagar creadael ventilador

              blynk-device-1.png2025-10-23 22_22_02-Greenshot.png

              y elegimos la plantilla recién creada, le ponemos un nombre arbitrario al device creado, en este caso he elegido MIESP32. 

              blynk-device-2.png

              Así queda en My Devices todos los Devices creados. Con la cuenta gratuita no puedes crear tantos Devices como quieras.

              mydevicesblynk.png

              Podemos comprobar si entramos en el device creado que está asociado al Dashboard creado, incluso podemos editarlo desde Device. También en el mismo menú vemos que existe TRANSFER y se lo podemos pasar a un compañero o alumno que esté registrado en Blynk.io. En la pestaña de configuración le puedes poner una imagen de icono.

              blynk-dashboard-2.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  en 

              blynk-dashboard-3.png



              Back to top