Skip to main content

Paso 3 en Blynik.io: Panel Web

NosCreamos saldráPanel opciónWeb deo cerarDaschboard unay nueva plantilla

 

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

TEMPLATE PANEL WEB

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

Vamosvamos a ir añadiendo WIDGETS ASOCIADOS A ESOS DATASTREAMS para crear tu panel de control, algunos son de pago 😣 pero la gran mayoría y los más importantes son gratuitos:

2026-01-19 21_54_28-.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/

POR SI LO QUIERES EN EL MÓVIL:  APP BLYNK IOT

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  

POR SI NO ESTAS EN ESP32TDR STEAM, Y ESTAS EN EL CASO ESP32 SMART HOME
smart_home.png

ESP32 SMARTHOME he puesto de pines virtuales

  • TEMPERATURA asociado al pin virtual V1 entero unidades ºC minimo 0 máximo 100 (por ejemplo)
  • VENTILADOR asociado al pin virtual V2
  • HUMEDAD asociado al pin virtual V3

2025-10-23 22_19_22-.png

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