VISUALITZACIÓ DE NODEMCU I VISUINO NOTÍCIES EN DIRECTE DES D'INTERNET: 8 passos

2024 Autora: John Day | [email protected]. Última modificació: 2024-02-01 14:39

En aquest tutorial utilitzarem NodeMCU Mini, OLED Lcd i Visuino per mostrar NOTÍCIES en directe cada pocs segons des d'Internet a la pantalla LCD. Mireu un vídeo de demostració.

Pas 1: què necessiteu

• NodeMCU Mini
• LCD OLED
• Taula de pa
• Filferros de pont
• Programa Visuino: descarregar Visuino

Pas 2: el circuit

• Connecteu GND des de NodeMCU al pin del tauler de control (gnd)
• Connecteu el pin de 5 V del NodeMCU al pin del tauler de control (positiu)
• Connecteu el pin 0 (SCL) de NodeMCU al pin LCD OLED (SCL)
• Connecteu el pin 1 (SDA) de NodeMCU al pin LCD OLED (SDA)
• Connecteu el pin LCD OLED (VCC) al pin del tauler de control (positiu)
• Connecteu el pin LCD OLED (GND) al pin del tauler de pa (GND)

Pas 3: Inicieu Visuino i seleccioneu NodeMCU ESP-12

Per començar a programar l'Arduino, haureu de tenir instal·lat l'IDE Arduino des d'aquí:

Tingueu en compte que hi ha alguns errors crítics a Arduino IDE 1.6.6. Assegureu-vos que instal·leu la versió 1.6.7 o superior, en cas contrari, aquest instructiu no funcionarà. Si encara no ho heu fet, seguiu els passos d'aquesta instrucció per configurar l'IDE Arduino al programa ESP 8266.

També cal instal·lar el Visuino. Inicieu Visuino com es mostra a la primera imatge Feu clic al botó "Eines" del component Arduino (imatge 1) a Visuino

Quan aparegui el quadre de diàleg, seleccioneu "NodeMCU ESP-12" tal com es mostra a la imatge 2

Pas 4: Configuració del WiFi

Seleccioneu NodeMCU ESP-12 i a l’editor Mòduls> WiFi> Punts d’accés, feu clic al botó […], de manera que s’obrirà la finestra "Punts d’accés"

En aquest editor, arrossegueu el punt d'accés WiFi cap al costat esquerre.

• A "SSID", poseu el nom de la vostra xarxa WiFi
• A "Contrasenya", poseu la contrasenya d'accés a la vostra xarxa WiFi

Tanqueu la finestra "Punts d'accés"

A l’esquerra de l’editor, seleccioneu Mòduls> Wifi> Sockets, feu clic al botó […], de manera que s’obrirà la finestra "Sockets".

Arrossegueu el client TCP de dreta a l'esquerra

A la finestra Propietats, definiu el port: 80

Pas 5: a Visuino Afegeix components

Afegiu un component CharToText1

Estableix la longitud màxima 1000

Afegeix pantalla OLED I2C

Feu doble clic i arrossegueu el camp de text a la finestra cap a l'esquerra

Afegiu text formatat

posa això al valor "text": GET https://feeds.reuters.com/Reuters/worldNews HTTP / 1.1

Acceptar: text / html, application / xhtml + xml, application / xml; q = 0,9, image / webp, image / apng, * / *; q = 0,8

Accept-Charset: *. *

Accept-Language: en-US, en; q = 0,7, sl; q = 0,3

Amfitrió: feeds.reuters.com

DNT: 1

Afegeix text de reemplaçament (text de reemplaçament1)

1. defineix "Des del valor":
2. estableix "ToValue" a buit

Afegeix text de reemplaçament (text de reemplaçament2)

1. (vegeu la imatge) definiu "De valor": TAB TAB
2. estableix "ToValue" a buit

• Afegeix una longitud de text (TextLength2)
• Afegir ContainsText (ContainsText1)

1. Estableix el valor "text": TAB TAB

   (veure la imatge)

   • Afegeix text de record

   • Afegiu la lògica AND

   • Afegeix un valor afegit

   1. valor establert: 1

      • Afegeix CompareValue (CompareValue1)

        1. establir "comparetype": ctSmallerOrEqual

        2. defineix "valor": 2

        • Afegeix CompareValue (CompareValue3)

          1. establir "comparetype": ctBigger
          2. defineix "valor": 3

          Pas 6: A Visuino: connexió de components

          

          • Connecta NodeMCU ESP-12> Mòduls Sockets WiFi TCP Client1> Pin [Out] a CharToText1 pin [In]
          • Connecteu el pin CharToText1 [out] a ReplaceText1 pin [in]
          • Connecteu el pin ReplaceText1 [out] al pin TextLength2 [in] i ContainsText1 pin [in] i a RememberText1 pin [in]
          • Connecteu el pin TextLength2 [out] al pin CompareValue3 [in]
          • Connecta el pin CompareValue3 [out] a And1 pin [1]
          • Connectar ContainsText1 pin [out] to And1 pin [0]
          • Connecteu And1 pin [out] a AddValue1 pin [in]
          • Connecteu el pin AddValue1 [out] al pin CompareValue1 [in]
          • Connecteu el pin CompareValue1 [out] a RememberText1 pin [remember] i pin [recall]
          • Connecteu el pin RememberText1 [out] al pin SubstituirText2 [in]
          • Connecteu el pin ReplaceText2 [out] al pin serial0 de NodeMCU ESP-12 [in] i al pin de camp de text dels elements DisplayOLED1 [in]
          • Connecteu el pin DisplayOLED1 [sortida] al pin NodeMCU ESP-12 I2C [entrada]

          Pas 7: Genereu, compileu i pengeu el codi Arduino

          

          

          A Visuino, premeu F9 o feu clic al botó que es mostra a la imatge 1 per generar el codi Arduino i obriu l'IDE Arduino

          A l'IDE Arduino, feu clic al botó Puja per compilar i penjar el codi (imatge 2)

          Pas 8: Juga

          Si alimenteu el mòdul NodeMCU, el LCD OLED començarà a mostrar les últimes novetats mundials.

          Enhorabona! Heu completat el projecte Live News amb Visuino. També s’adjunta el projecte Visuino, que he creat per a aquest instructable. Podeu descarregar-lo i obrir-lo a Visuino: enllaç de descàrrega