# IoT-Wifi-Blynk IoT

# ¿Qué es Blynk.io?

Blynk nació como software libre como **Blynk legacy** y en Catedu aprovechamos este servicio para realizar[ Rober Marciano con Arduino](https://libros.catedu.es/books/rover-marciano-con-arduinoblocks-e-internet-de-las-cosas-iot). La idea era sencilla: Programabas en **STEAMAKERBLOCKS** y el robot se comunicaba con el servidor **Blynk legacy** y con escritorio **Dashboard** via web (**Panel Web**) o APP BLYNK ponías **Gadgets** y controlabas el robot:

![](https://libros.catedu.es/uploads/images/gallery/2022-02/embedded-image-8pxuobs7.gif)

[En junio 2022](https://www.blynk.io/blog/what-will-happen-to-the-legacy-blynk-platform) Blynk legacy deja de dar servicio y pasa a**[ Blynk.io, ](https://www.blynk.io/)**una plataforma de pago pero que tiene **Gadgets** gratuitos suficientes para nivel educativo

<p class="callout info">**Sabías que...?** Blynk legacy al ser software libre te lo puedes descargar y montar tu propio servidor Blynk legacy con lo que tendrías recursos y gadgets ilimitados. Esto lo trataremos en un capítulo aparte.</p>

#### <span style="color: rgb(22, 145, 121);">**Registro en Blynk.io**</span>

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

[![paginablynk.png](https://libros.catedu.es/uploads/images/gallery/2023-01/scaled-1680-/paginablynk.png)](https://libros.catedu.es/uploads/images/gallery/2023-01/paginablynk.png)

Nos pide un email. Cuando lo ponemos, nos llega este mensaje que tenemos que dar al botón "Complete setup". Nos saldrá un diálogo para elegir la contraseña, una pequeña encuesta

![2025-10-23 21_57_10-Dashboard — Mozilla Firefox.png](https://libros.catedu.es/uploads/images/gallery/2025-10/scaled-1680-/2025-10-23-21-57-10-dashboard-mozilla-firefox.png) ![2025-10-23 21_58_00-Greenshot.png](https://libros.catedu.es/uploads/images/gallery/2025-10/scaled-1680-/2025-10-23-21-58-00-greenshot.png)

##### <span style="color: rgb(22, 145, 121);">**CONCEPTOS CLAROS**</span>

- En BLYNK se crea el **Dispositivo o Device** ESP32 que contendrá el programa realizado en **STEAMAKERBLOCKS** y en el programa se insertan estos datos que nos proporciona BLYNK : 
    - ID DE LA PLANTILLA
    - NOMBRE DE LA P LANTILLA
    - TOCKEN
- Se definen en BLYNK las variables de flujo, **flujo de datos o Datastream** que son **variables virtuales** V1 V2, ..... tú en tu programa de STEAMAKERBLOCKS almacenas o recoges la información
- Y finalmente nuestro objetivo: un **Panel Web o Dashboard** que es un panel donde controlas online tu ESP32 y cada **gadjet** que pones esa asociado a una variable virtual

[![2026-01-19 22_34_22-Presentación1 - PowerPoint.png](https://libros.catedu.es/uploads/images/gallery/2026-01/scaled-1680-/2026-01-19-22-34-22-presentacion1-powerpoint.png)](https://libros.catedu.es/uploads/images/gallery/2026-01/2026-01-19-22-34-22-presentacion1-powerpoint.png)

# Crear DASHBOARD en Blynk.io

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

##### <span style="color: rgb(22, 145, 121);">**AÑADIR DEVICE**</span>

1. Vamos a **Devices**
2. **Create New**  
    [![2026-01-19 16_48_26-Greenshot.png](https://libros.catedu.es/uploads/images/gallery/2026-01/scaled-1680-/2026-01-19-16-48-26-greenshot.png)](https://libros.catedu.es/uploads/images/gallery/2026-01/2026-01-19-16-48-26-greenshot.png)
3. Buscamos **ESP32**
4. Elegimos **Quick start**

[![2026-01-19 16_49_59-.png](https://libros.catedu.es/uploads/images/gallery/2026-01/scaled-1680-/2026-01-19-16-49-59.png)](https://libros.catedu.es/uploads/images/gallery/2026-01/2026-01-19-16-49-59.png)

Nos saldrá un código que tiene **tres cosas importantes** que tienes que guardar (En download te lo baja en formato .ino que lo puede leer el bloc de notas)

1. <p class="callout warning">**ID DE LA PLANTILLA**</p>
2. <p class="callout warning">**NOMBRE DE LA P LANTILLA**</p>
3. <p class="callout warning">**TOCKEN**</p>

[![2025-10-23 22_07_24-Devices - Blynk.Console — Mozilla Firefox.png](https://libros.catedu.es/uploads/images/gallery/2025-10/scaled-1680-/2025-10-23-22-07-24-devices-blynk-console-mozilla-firefox.png)](https://libros.catedu.es/uploads/images/gallery/2025-10/2025-10-23-22-07-24-devices-blynk-console-mozilla-firefox.png)

<p class="callout warning">En el siguiente diálogo quiere meter el código en el ESP32, dar a **CANCELAR** pues eso lo hará Steamakersblocks</p>

##### <span style="color: rgb(22, 145, 121);">**DATASTREAMS O FLUJO DE DATOS**</span>

Una vez creado el **Device**, le damos dos clicks y nos sale el **Template**. Al darle a **EDIT** tenemos opción de ir añadiendo las variables asociadas a los pines virtuales, TE RECOMIENDO BORRAR LAS QUE TE PONE Y AÑADIR TÚ LOS PINES VIRTUALES por ejemplo en este caso DE ESP32 KEYSTUIDIO TDR STEAM IMAGINA

<table border="1" id="bkmrk-nombre-pin-virtual-t" style="border-collapse: collapse; width: 100.002%;"><colgroup><col style="width: 16.6667%;"></col><col style="width: 16.6667%;"></col><col style="width: 16.6667%;"></col><col style="width: 16.6667%;"></col><col style="width: 16.6667%;"></col><col style="width: 16.6667%;"></col></colgroup><thead><tr><td>NOMBRE</td><td>PIN VIRTUAL</td><td>TIPO</td><td>UNIDAD</td><td>MIN</td><td>MAX</td></tr></thead><tbody><tr><td>LED ROJO</td><td>V1</td><td>entero</td><td>  
</td><td>0</td><td>1</td></tr><tr><td>SIMPSON</td><td>V2</td><td>entero</td><td>  
</td><td>0</td><td>1</td></tr><tr><td>LCD</td><td>V3</td><td>CADENA</td><td>  
</td><td>  
</td><td>  
</td></tr><tr><td>PULSADOR</td><td>V4</td><td>entero</td><td>  
</td><td>0</td><td>1</td></tr><tr><td>TEMPERATURA LM35</td><td>V5</td><td>entero</td><td>ºC</td><td>0</td><td>100</td></tr><tr><td>TEMPERATURA DHT11</td><td>V6</td><td>entero</td><td>ºC</td><td>0</td><td>100</td></tr><tr><td>HUMEDAD</td><td>V7</td><td>entero</td><td>%</td><td>0</td><td>100</td></tr><tr><td>SONIDO</td><td>V8</td><td>entero</td><td>  
</td><td>0</td><td>4095</td></tr></tbody></table>

<p class="callout success">Ves añadiendo las variables que quieras visualizar o gobernar, dándoles las unidades, valores min, max correspondientes</p>

<p class="callout danger">**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](https://libros.catedu.es/books/esp32-en-el-aula/page/sensores-y-actuadores-de-la-placa-imagina-tdr-steam), cuando hay comunicación Wifi, están inutilizados.</p>

[![2026-01-19 21_27_09-Greenshot.png](https://libros.catedu.es/uploads/images/gallery/2026-01/scaled-1680-/2026-01-19-21-27-09-greenshot.png)](https://libros.catedu.es/uploads/images/gallery/2026-01/2026-01-19-21-27-09-greenshot.png)

#### <span style="color: rgb(22, 145, 121);">**TEMPLATE PANEL WEB**</span>

Una vez creado el **Device**, le damos dos clicks

**[![2025-10-23 22_10_43-Devices - Blynk.Console — Mozilla Firefox.png](https://libros.catedu.es/uploads/images/gallery/2025-10/scaled-1680-/2025-10-23-22-10-43-devices-blynk-console-mozilla-firefox.png)](https://libros.catedu.es/uploads/images/gallery/2025-10/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](https://libros.catedu.es/uploads/images/gallery/2025-10/scaled-1680-/2025-10-23-22-11-48-devices-blynk-console-mozilla-firefox.png)](https://libros.catedu.es/uploads/images/gallery/2025-10/2025-10-23-22-11-48-devices-blynk-console-mozilla-firefox.png)**

Vamos a ir añadiendo **WIDGETS ASOCIADOS A ESOS DATASTREAMS** para crear tu panel de control, algunos son de pago 😣

[![2026-01-19 21_54_28-.png](https://libros.catedu.es/uploads/images/gallery/2026-01/scaled-1680-/2026-01-19-21-54-28.png)](https://libros.catedu.es/uploads/images/gallery/2026-01/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](https://libros.catedu.es/uploads/images/gallery/2023-01/blynk-gif.gif)](https://libros.catedu.es/uploads/images/gallery/2023-01/blynk-gif.gif)

*Fuente [https://blynk.io/](https://blynk.io/)*

#### <span style="color: rgb(22, 145, 121);">**APP BLYNK IOT**</span>


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](https://libros.catedu.es/uploads/images/gallery/2025-10/scaled-1680-/2025-10-23-22-27-43-greenshot.png)](https://libros.catedu.es/uploads/images/gallery/2025-10/2025-10-23-22-27-43-greenshot.png)

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

##### <span style="color: rgb(22, 145, 121);">**CASO ESP32 SMART HOME  
[![smart_home.png](https://libros.catedu.es/uploads/images/gallery/2025-10/scaled-1680-/smart-home.png)](https://libros.catedu.es/uploads/images/gallery/2025-10/smart-home.png)**</span>

**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](https://libros.catedu.es/uploads/images/gallery/2025-10/scaled-1680-/2025-10-23-22-19-22.png)](https://libros.catedu.es/uploads/images/gallery/2025-10/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](https://libros.catedu.es/uploads/images/gallery/2025-10/scaled-1680-/2025-10-23-22-22-02-greenshot.png)](https://libros.catedu.es/uploads/images/gallery/2025-10/2025-10-23-22-22-02-greenshot.png)

# Crear programa en STEAMAKERBLOCKS Actividad18 Blynk IoT

#### <span style="color: rgb(22, 145, 121);">**Programa Steamakerblocks: Al inicializar...**</span>

Tiene que cargar los siguientes datos de la Wifi y de la conexión con Blynk.io

- El nombre de la red wifi y su contraseña para conectarse
- El **ID de la plantilla** creada
- El nombre del **Device**
- El **token** para dar acceso a esa plantilla y device

<p class="callout info">Si no te acuerdas de los tres últimos, mira más abajo cómo puedes localizarlos</p>

De paso hemos inicializado el LDC para que nos muestre datos

[![blynk-arduinoblocks-1.png](https://libros.catedu.es/uploads/images/gallery/2023-01/scaled-1680-/blynk-arduinoblocks-1.png)](https://libros.catedu.es/uploads/images/gallery/2023-01/blynk-arduinoblocks-1.png)

#### <span style="color: rgb(22, 145, 121);">**A programar de Dashboard -&gt;ESP32.**</span>

Vamos a hacer que si se pulsa en el dashboard el interruptor asociado al pin virtual V1 que se encienda el led rojo

[![blynk-arduinoblocks-4.png](https://libros.catedu.es/uploads/images/gallery/2023-01/scaled-1680-/blynk-arduinoblocks-4.png)](https://libros.catedu.es/uploads/images/gallery/2023-01/blynk-arduinoblocks-4.png)

Luego si se pulsa en el dashboard el pin 2 que suene los simpsons 😍

[![blynk-arduinoblocks-5.png](https://libros.catedu.es/uploads/images/gallery/2023-01/scaled-1680-/blynk-arduinoblocks-5.png)](https://libros.catedu.es/uploads/images/gallery/2023-01/blynk-arduinoblocks-5.png)

Luego si se introduce texto en V3 que en la pantalla LCD lo diga

[![2026-01-19 22_10_33-.png](https://libros.catedu.es/uploads/images/gallery/2026-01/scaled-1680-/2026-01-19-22-10-33.png)](https://libros.catedu.es/uploads/images/gallery/2026-01/2026-01-19-22-10-33.png)

#### <span style="color: rgb(22, 145, 121);">**A programar de ESP32 -&gt;Dashboard.**</span>

Vamos a crear un programa que vaya recogiendo los valores de ESP32 cada 3 segundos (para no agobiar al servidor Blynk) y los vuelque al Dashboard

[![blynk-arduinoblocks-7.png](https://libros.catedu.es/uploads/images/gallery/2023-01/scaled-1680-/blynk-arduinoblocks-7.png)](https://libros.catedu.es/uploads/images/gallery/2023-01/blynk-arduinoblocks-7.png)

- V4 tiene los valores 0 o 1 según el valor del pulsador 1 de la placa TDR SteaMaker por lo tanto enciende el LED del dashboard de Blynk.io si se pulsa.
- V5 capta la temperatura del LM35, da un valor más exacto que es que visualiza el DHT11
- V6 copia la temperatura del DHT11
- V7 tiene los datos de la humedad del DHT11
- V8 registra los datos del nivel de sonido del sensor micrófono incorporado y conectado en el A3  
    
    - Para ver que realmente los valores de V8 no siguen fielmente a los reales, vamos a poner en el bucle esta instrucción para que visualice los valores de sonido registrados:

[![blynk-arduinoblocks-8.png](https://libros.catedu.es/uploads/images/gallery/2023-01/scaled-1680-/blynk-arduinoblocks-8.png)](https://libros.catedu.es/uploads/images/gallery/2023-01/blynk-arduinoblocks-8.png)

##### <span style="color: rgb(22, 145, 121);">**ESTE ES EL RESULTADO**</span>

<iframe allowfullscreen="allowfullscreen" height="314" src="https://www.youtube.com/embed/nCK1QpBMfLI" width="560"></iframe>

##### <span style="color: rgb(22, 145, 121);">**No me acuerdo de estas tres cosas: TOKEN -ID PLANTLLA - NAME PLANTILLA  
¿Dónde puedo encontrarlo?**</span>

<span style="color: rgb(0, 0, 0);">Primero </span>Entras en **[Blynk.io](https://blynk.io)** y Te logueas **Log in** y luego :

1. Entras en **Depeloper Zone/Zona de desarrollador**
2. **My Templates/Mis plantillas**
3. Haz dos clicks en la **plantilla**

[![2026-01-22 15_07_05-WhatsApp.png](https://libros.catedu.es/uploads/images/gallery/2026-01/scaled-1680-/2026-01-22-15-07-05-whatsapp.png)](https://libros.catedu.es/uploads/images/gallery/2026-01/2026-01-22-15-07-05-whatsapp.png)

- Con dos cliks en **Authtoken** ya se queda copiado en el portapapeles para que lo pegues en tu programa **STEAMAKERBLOCKS**
- Más a la derecha hay una ventana Firmware configuration/Configuración de firmware donde puedes encontrar el ID de la plantilla y su nombre: Copiar y pegar el trozo de código, pegarlo en un editor y copiar sólo el **ID** y el **NAME** para pegarlo en tu código **STEAMAKERBLOCKS**

[![2026-01-22 15_09_19-WhatsApp.png](https://libros.catedu.es/uploads/images/gallery/2026-01/scaled-1680-/2026-01-22-15-09-19-whatsapp.png)](https://libros.catedu.es/uploads/images/gallery/2026-01/2026-01-22-15-09-19-whatsapp.png)