Inhoudsopgave:

NODEMCU EN VISUINO WEERGEVEN LIVE NIEUWS VAN INTERNET: 8 stappen
NODEMCU EN VISUINO WEERGEVEN LIVE NIEUWS VAN INTERNET: 8 stappen

Video: NODEMCU EN VISUINO WEERGEVEN LIVE NIEUWS VAN INTERNET: 8 stappen

Video: NODEMCU EN VISUINO WEERGEVEN LIVE NIEUWS VAN INTERNET: 8 stappen
Video: Visuino and Delphi Tutorial: Remote Wi-Fi Temperature and Humidity measurement with NodeMCU/ESP8266 2024, Juli-
Anonim
Image
Image

In deze tutorial zullen we NodeMCU Mini, OLED Lcd en Visuino gebruiken om om de paar seconden live NIEUWS van internet op het LCD-scherm weer te geven. Bekijk een demonstratievideo.

Stap 1: Wat heb je nodig?

Wat je nodig zult hebben
Wat je nodig zult hebben
Wat je nodig zult hebben
Wat je nodig zult hebben
Wat je nodig zult hebben
Wat je nodig zult hebben
  • NodeMCU Mini
  • OLED-lcd
  • Breadboard
  • Doorverbindingsdraden
  • Visuino-programma: Download Visuino

Stap 2: Het circuit

Het circuit
Het circuit
  • Verbind GND van NodeMCU met breadboard-pin (gnd)
  • Verbind 5V-pin van NodeMCU met breadboard-pin (positief)
  • Verbind pin 0 (SCL) van NodeMCU met OLED LCD-pin (SCL)
  • Sluit pin 1 (SDA) van NodeMCU aan op OLED LCD-pin (SDA)
  • Sluit OLED LCD-pin (VCC) aan op breadboard-pin (positief)
  • Sluit de OLED LCD-pin (GND) aan op de breadboard-pin (GND)

Stap 3: Start Visuino en selecteer de NodeMCU ESP-12

Start Visuino en selecteer de NodeMCU ESP-12
Start Visuino en selecteer de NodeMCU ESP-12
Start Visuino en selecteer de NodeMCU ESP-12
Start Visuino en selecteer de NodeMCU ESP-12

Om te beginnen met het programmeren van de Arduino, moet je de Arduino IDE vanaf hier hebben geïnstalleerd:

Houd er rekening mee dat er enkele kritieke bugs zijn in Arduino IDE 1.6.6. Zorg ervoor dat u 1.6.7 of hoger installeert, anders werkt deze Instructable niet! Als je dat nog niet hebt gedaan, volg dan de stappen in deze Instructable om de Arduino IDE in te stellen om ESP 8266 te programmeren!

De Visuino moet ook worden geïnstalleerd. Start Visuino zoals weergegeven in de eerste afbeelding Klik op de knop "Tools" op de Arduino-component (Afbeelding 1) in Visuino

Wanneer het dialoogvenster verschijnt, selecteert u "NodeMCU ESP-12" zoals weergegeven op afbeelding 2

Stap 4: WiFi-installatie

WiFi-configuratie
WiFi-configuratie
WiFi-configuratie
WiFi-configuratie
WiFi-configuratie
WiFi-configuratie

Selecteer NodeMCU ESP-12 en klik in de editor Modules>WiFi>Access Points op de […]-knop, zodat het venster "Access points" wordt geopend

Sleep in deze editor het wifi-toegangspunt naar de linkerkant.

  • Zet onder "SSID" de naam van uw WiFi-netwerk
  • Plaats onder "Wachtwoord" het toegangswachtwoord voor uw WiFi-netwerk

Sluit het venster "Toegangspunten"

Selecteer aan de linkerkant in de editor Modules>Wifi>Sockets, klik op de knop […], zodat het venster "Sockets" wordt geopend

Sleep de TCP Client van rechts naar links

Stel onder het venster Eigenschappen poort in: 80

Stap 5: Voeg in Visuino componenten toe

In Visuino Componenten toevoegen
In Visuino Componenten toevoegen
In Visuino Componenten toevoegen
In Visuino Componenten toevoegen
In Visuino Componenten toevoegen
In Visuino Componenten toevoegen

Component CharToText1 toevoegen

Maximale lengte instellen 1000

Scherm OLED I2C toevoegen

Dubbelklik en sleep in het venster Tekstveld naar links

Opgemaakte tekst toevoegen

zet dit onder "tekst" waarde:GET

Accepteren: tekst/html, applicatie/xhtml+xml, applicatie/xml;q=0.9, afbeelding/webp, afbeelding/apng, */*;q=0.8

Accept-Charset: *.*

Accept-Taal: en-US, en;q=0.7, sl;q=0.3

Gastheer: feeds.reuters.com

DNT: 1

Tekst vervangen toevoegen (ReplaceText1)

  1. stel "Van waarde" in:
  2. stel "ToValue" in op leeg

Tekst vervangen (ReplaceText2) toevoegen

  1. (zie de afbeelding) set "Van Waarde":TAB TAB
  2. stel "ToValue" in op leeg
  • Tekstlengte toevoegen (TextLength2)
  • Voeg BevatText toe (ContainsText1)
  1. Stel de waarde "tekst" in: TAB TAB

    (zie de foto)

    • Tekst onthouden toevoegen
    • Logica toevoegen AND

    • Waarde toevoegen
    1. waarde instellen: 1

      • CompareValue toevoegen (CompareValue1)

        1. stel "vergelijktype" in: ctSmallerOrEqual
        2. stel "waarde" in:2

        • CompareValue toevoegen (CompareValue3)

          1. stel "vergelijktype" in: ctBigger
          2. stel "waarde" in: 3

          Stap 6: In Visuino: Componenten aansluiten

          In Visuino: Componenten aansluiten
          In Visuino: Componenten aansluiten
          • Verbind NodeMCU ESP-12> Modules WiFi-aansluitingen TCP Client1> Pin [Out] naar CharToText1 pin [In]
          • Verbind CharToText1 pin [out] met ReplaceText1 pin [in]
          • Verbind ReplaceText1 pin [out] met TextLength2 pin [in] en BevatText1 pin [in] en met RememberText1 pin [in]
          • Verbind TextLength2 pin [uit] met CompareValue3 pin [in]
          • Verbind CompareValue3 pin [out] met And1 pin [1]
          • Verbind BevatText1 pin [out] met And1 pin [0]
          • Verbind And1 pin [out] met AddValue1 pin [in]
          • Verbind AddValue1 pin[out] met CompareValue1 pin[in]
          • Verbind CompareValue1 pin [out] met RememberText1 pin [remember] en pin [recall]
          • Verbind RememberText1 pin [out] met ReplaceText2 pin [in]
          • Verbind ReplaceText2 pin [out] met NodeMCU ESP-12 serial0 pin [in] en met DisplayOLED1 elementen tekstveld pin [in]
          • Sluit DisplayOLED1 pin [out] aan op NodeMCU ESP-12 I2C pin [in]

          Stap 7: Genereer, compileer en upload de Arduino-code

          Genereer, compileer en upload de Arduino-code
          Genereer, compileer en upload de Arduino-code
          Genereer, compileer en upload de Arduino-code
          Genereer, compileer en upload de Arduino-code

          Druk in Visuino op F9 of klik op de knop in afbeelding 1 om de Arduino-code te genereren en de Arduino IDE te openen

          Klik in de Arduino IDE op de knop Uploaden om de code te compileren en te uploaden (Afbeelding 2)

          Stap 8: Spelen

          Als u de NodeMCU-module van stroom voorziet, begint het OLED-lcd het laatste wereldnieuws te tonen.

          Gefeliciteerd! Je hebt je Live News-project met Visuino voltooid. Ook bijgevoegd is het Visuino-project, dat ik voor deze Instructable heb gemaakt. U kunt het downloaden en openen in Visuino: Downloadlink

Aanbevolen: