NODEMCU Y VISUINO MUESTRAN NOTICIAS EN VIVO DESDE INTERNET: 8 pasos

2025 Autor: John Day | [email protected]. Última modificación: 2025-01-23 14:39

En este tutorial usaremos NodeMCU Mini, OLED Lcd y Visuino para mostrar NOTICIAS en vivo cada pocos segundos desde Internet en la pantalla LCD. Vea un video de demostración.

Paso 1: lo que necesitará

• NodeMCU Mini
• Pantalla LCD OLED
• Tablero de circuitos
• Cables de puente
• Programa Visuino: Descarga Visuino

Paso 2: el circuito

• Conecte GND de NodeMCU al pin de la placa de pruebas (gnd)
• Conecte el pin de 5V de NodeMCU al pin de la placa de pruebas (positivo)
• Conecte el pin 0 (SCL) de NodeMCU al pin OLED LCD (SCL)
• Conecte el pin 1 (SDA) de NodeMCU al pin de OLED LCD (SDA)
• Conecte el pin OLED LCD (VCC) al pin de la placa de pruebas (positivo)
• Conecte el pin OLED LCD (GND) al pin de la placa de pruebas (GND)

Paso 3: Inicie Visuino y seleccione NodeMCU ESP-12

Para comenzar a programar el Arduino, necesitará tener el IDE de Arduino instalado desde aquí:

Tenga en cuenta que hay algunos errores críticos en Arduino IDE 1.6.6. ¡Asegúrese de instalar 1.6.7 o superior, de lo contrario, este Instructable no funcionará! Si no lo ha hecho, siga los pasos de este Instructable para configurar el IDE de Arduino para programar ESP 8266.

También es necesario instalar Visuino. Inicie Visuino como se muestra en la primera imagen Haga clic en el botón "Herramientas" en el componente Arduino (Imagen 1) en Visuino

Cuando aparezca el cuadro de diálogo, seleccione "NodeMCU ESP-12" como se muestra en la Imagen 2

Paso 4: Configuración de WiFi

Seleccione NodeMCU ESP-12 y en el editor Módulos> WiFi> Puntos de acceso, haga clic en el botón […], para que se abra la ventana "Puntos de acceso"

En este editor, arrastre el punto de acceso WiFi hacia el lado izquierdo.

• Debajo de "SSID" ponga el nombre de su red WiFi
• En "Contraseña", ingrese la contraseña de acceso a su red WiFi.

Cerrar la ventana "Puntos de acceso"

A la izquierda, en el editor, seleccione Módulos> Wifi> Sockets, haga clic en el botón […], para que se abra la ventana "Sockets"

Arrastre el cliente TCP de derecha a izquierda

En la ventana Propiedades establecer puerto: 80

Paso 5: en Visuino, agregue componentes

Agregar componente CharToText1

Establecer longitud máxima 1000

Agregar pantalla OLED I2C

Haga doble clic y en la ventana arrastre Campo de texto hacia la izquierda

Agregar texto con formato

poner esto en el valor de "texto": OBTENGA https://feeds.reuters.com/Reuters/worldNews HTTP / 1.1

Aceptar: texto / html, aplicación / xhtml + xml, aplicación / xml; q = 0.9, imagen / webp, imagen / apng, * / *; q = 0.8

Aceptar-Juego de caracteres: *. *

Aceptar-Idioma: en-US, en; q = 0.7, sl; q = 0.3

Anfitrión: feeds.reuters.com

DNT: 1

Agregar Reemplazar texto (ReemplazarTexto1)

1. establecer "Desde valor":
2. establecer "ToValue" en vacío

Agregar Reemplazar texto (ReemplazarTexto2)

1. (ver la imagen) establecer "Desde valor": TAB TAB
2. establecer "ToValue" en vacío

• Agregar longitud de texto (TextLength2)
• Agregar ContainsText (ContainsText1)

1. Establecer valor de "texto": TAB TAB

   (mira la foto)

   • Agregar texto para recordar

   • Agregar lógica Y
   • Agregar AddValue

   1. valor establecido: 1

      • Agregar CompareValue (CompareValue1)

        1. establecer "comparetype": ctSmallerOrEqual

        2. establecer "valor": 2

        • Agregar CompareValue (CompareValue3)

          1. establecer "comparetype": ctBigger
          2. establecer "valor": 3

          Paso 6: En Visuino: Conexión de componentes

          

          • Conecte NodeMCU ESP-12> Módulos WiFi Sockets TCP Client1> Pin [Out] a CharToText1 pin [In]
          • Conecte el pin CharToText1 [out] al pin ReplaceText1 [in]
          • Conecte el pin ReplaceText1 [out] al pin TextLength2 [in] y el pin ContainsText1 [in] y al pin RememberText1 [in]
          • Conecte el pin TextLength2 [out] al pin CompareValue3 [in]
          • Conecte el pin CompareValue3 [out] al pin And1 [1]
          • Conecte el pin ContainsText1 [out] al pin And1 [0]
          • Conecte el pin And1 [out] al pin AddValue1 [in]
          • Conecte el pin AddValue1 [out] al pin CompareValue1 [in]
          • Conecte el pin CompareValue1 [out] al pin RememberText1 [recordar] y pin [recordar]
          • Conecte el pin de RememberText1 [out] al pin de ReplaceText2 [in]
          • Conecte el pin ReplaceText2 [out] al pin [in] serial0 de NodeMCU ESP-12 y al pin del campo de texto de los elementos DisplayOLED1 [in]
          • Conecte el pin DisplayOLED1 [salida] al pin NodeMCU ESP-12 I2C [entrada]

          Paso 7: Genere, compile y cargue el código Arduino

          

          

          En Visuino, presione F9 o haga clic en el botón que se muestra en la Imagen 1 para generar el código Arduino y abra el IDE de Arduino

          En el IDE de Arduino, haga clic en el botón Cargar, para compilar y cargar el código (Imagen 2)

          Paso 8: jugar

          Si enciende el módulo NodeMCU, la pantalla LCD OLED comenzará a mostrar las últimas noticias del mundo.

          ¡Felicidades! Ha completado su proyecto de Live News con Visuino. También se adjunta el proyecto Visuino, que creé para este Instructable. Puede descargarlo y abrirlo en Visuino: Enlace de descarga