Nota

¡Hola, bienvenido a la Comunidad de Aficionados a Raspberry Pi, Arduino y ESP32 de SunFounder en Facebook! Profundiza en Raspberry Pi, Arduino y ESP32 con otros entusiastas.

¿Por qué unirse?

  • Soporte de expertos: Resuelve problemas posventa y desafíos técnicos con ayuda de nuestra comunidad y equipo.

  • Aprender y compartir: Intercambia consejos y tutoriales para mejorar tus habilidades.

  • Vistas previas exclusivas: Obtén acceso anticipado a anuncios de nuevos productos y avances.

  • Descuentos especiales: Disfruta de descuentos exclusivos en nuestros productos más nuevos.

  • Promociones festivas y sorteos: Participa en sorteos y promociones de fiestas.

👉 ¿Listo para explorar y crear con nosotros? Haz clic en [aquí] y únete hoy!

2. Obtener Datos de Blynk

En este capítulo, aprenderás cómo controlar el circuito con Blynk. ¡Vamos a encender los LED a través de Internet!

Componentes Necesarios

Para este proyecto, necesitamos los siguientes componentes.

Es definitivamente conveniente comprar un kit completo, aquí tienes el enlace:

Nombre

ELEMENTOS DE ESTE KIT

ENLACE

3 in 1 Starter Kit

380+

3 in 1 Starter Kit

También puedes comprarlos por separado en los siguientes enlaces.

INTRODUCCIÓN DEL COMPONENTE

ENLACE DE COMPRA

Placa SunFounder R3

COMPRAR

Protoboard

COMPRAR

Módulo ESP8266

COMPRAR

Cables Puente

COMPRAR

Resistencia

COMPRAR

LED

COMPRAR

1. Construir el Circuito

Nota

El módulo ESP8266 requiere una alta corriente para proporcionar un entorno operativo estable, así que asegúrate de que la batería de 9V esté conectada.

../_images/wiring_led.jpg

2. Editar el Tablero de Mandos

  1. Ve al Quickstart Device que creaste anteriormente, haz clic en el ícono edit dashboard.

    ../_images/blynk_edit_dashboard.png
  2. Los flujos de datos permiten que los widgets en Blynk y el código en la placa R3 se reconozcan mutuamente.

    ../_images/blynk_edit_datastream.png
  3. Para experimentar el proceso de configuración completo, elimina todos los flujos de datos de la página de flujos de datos.

    ../_images/blynk_edit_datastream_delete.png
  4. Crea un flujo de datos de tipo Virtual Pin, que se utilizará para controlar el LED con el interruptor de Blynk.

    ../_images/blynk_edit_virtualpin.png
  5. Configura el Virtual Pin. Como el botón y el LED solo necesitan estar ENCENDIDO y APAGADO, establece el TIPO DE DATO a Integer y MIN y MAX a 0 y 1.

    ../_images/sp220609_115520.png
  6. Dirígete a la página Web Dashboard.

    ../_images/blynk_edit_web_dashboard.png
  7. Y elimina los widgets existentes.

    ../_images/blynk_edit_delete_dashboard.png
  8. Arrastra y suelta un widget switch desde la Widget Box a la izquierda.

    ../_images/blynk_edit_drag_switch_widget.png
  9. Ahora configúralo.

    ../_images/blynk_edit_edit_widget.png
  1. Selecciona Datastream como el que configuraste anteriormente.

    ../_images/sp220609_133741.png
  2. Después de seleccionar Datastream, verás algunas configuraciones personalizadas, luego presiona Guardar.

    ../_images/sp220609_133950.png
  3. Finalmente, haz clic en Save And Apply.

    ../_images/sp220609_141733.png

3. Ejecutar el Código

  1. Abre el archivo 2.get_data_from_blynk.ino en la ruta 3in1-kit\iot_project\2.get_data_from_blynk, o copia este código en el Arduino IDE.

  2. Reemplaza el Template ID, Device Name y Auth Token con los tuyos. También necesitas introducir el ssid y password del WiFi que estás utilizando. Para tutoriales detallados, consulta 1.3 Conectando la placa R3 a Blynk.

  3. Después de seleccionar la placa y puerto correctos, haz clic en el botón Upoad.

    ../_images/2_upload.png
  4. Abre el monitor serial(configura la tasa de baudios a 115200) y espera a que aparezca un aviso como una conexión exitosa.

    ../_images/2_ready.png

    Nota

    Si aparece el mensaje ESP is not responding al conectar, sigue estos pasos.

    • Asegúrate de que la batería de 9V esté conectada.

    • Reinicia el módulo ESP8266 conectando el pin RST a GND durante 1 segundo, luego desconéctalo.

    • Presiona el botón de reinicio en la placa R3.

    A veces, puede ser necesario repetir la operación anterior 3-5 veces, por favor sé paciente.

  5. De vuelta en Blynk, puedes ver que el estado ha cambiado a en línea y ahora puedes usar el widget de interruptor en Blynk para controlar el LED conectado a la placa R3.

    ../_images/blynk_button_on.png
  6. Si quieres usar Blynk en dispositivos móviles, consulta ¿Cómo usar Blynk en dispositivos móviles?.

¿Cómo funciona?

La diferencia entre el código de este proyecto y el código del capítulo anterior 1.3 Conectando la placa R3 a Blynk son las siguientes líneas.

const int ledPin=6;

BLYNK_WRITE(V0)
{
    int pinValue = param.asInt(); // assigning incoming value from pin V0 to a variable
    // You can also use:
    // String i = param.asStr();
    // double d = param.asDouble();
    digitalWrite(ledPin,pinValue);
}

void setup()
{
    pinMode(ledPin,OUTPUT);
}

Respecto al pinMode y digitalWrite del ledPin, estoy seguro de que ya estás familiarizado con ellos, así que no los repasaré de nuevo. En lo que necesitas enfocarte es en la función BLYNK_WRITE(V0).

Lo que hará es que cuando el valor de V0 en Blynk cambie, Blynk.Cloud le dirá a tu dispositivo «Estoy escribiendo en el Virtual Pin V0», y tu dispositivo podrá realizar algo una vez que reciba esta información.

Creamos el Datastream V0 en el paso anterior y lo aplicamos al Widget Switch. Esto significa que cada vez que operemos el Widget Switch, se activará BLYNK_WRITE(V0).

Escribimos dos instrucciones en esta función.

int pinValue = param.asInt();

Obtener el valor de V0 y asignarlo a la variable pinValue.

digitalWrite(ledPin,pinValue);

Escribe el valor de V0 obtenido en el ledPin, para que el widget Switch en Blynk pueda controlar el LED.