NODEMCU I VISUINO WYŚWIETLAJĄ NA ŻYWO WIADOMOŚCI Z INTERNETU: 8 kroków

2024 Autor: John Day | [email protected]. Ostatnio zmodyfikowany: 2024-02-01 14:42

W tym samouczku użyjemy NodeMCU Mini, OLED Lcd i Visuino do wyświetlania na żywo AKTUALNOŚCI co kilka sekund z Internetu na LCD. Obejrzyj film demonstracyjny.

Krok 1: Czego będziesz potrzebować

• NodeMCU Mini
• Wyświetlacz LCD
• Deska do krojenia chleba
• Przewody połączeniowe
• Program Visuino: Pobierz Visuino

Krok 2: Obwód

• Podłącz GND z NodeMCU do pinu płytki stykowej (gnd)
• Podłącz pin 5V z NodeMCU do pinu płytki stykowej (dodatni)
• Podłącz pin 0 (SCL) z NodeMCU do pinu OLED LCD (SCL)
• Podłącz pin 1 (SDA) z NodeMCU do pinu OLED LCD (SDA)
• Podłącz pin OLED LCD (VCC) do pinu płytki stykowej (dodatni)
• Podłącz pin OLED LCD (GND) do pinu płytki stykowej (GND)

Krok 3: Uruchom Visuino i wybierz NodeMCU ESP-12

Aby rozpocząć programowanie Arduino, musisz mieć zainstalowane Arduino IDE stąd:

Należy pamiętać, że w Arduino IDE 1.6.6 występuje kilka krytycznych błędów. Upewnij się, że zainstalowałeś 1.6.7 lub nowszy, w przeciwnym razie ta instrukcja nie będzie działać! Jeśli jeszcze tego nie zrobiłeś, wykonaj kroki opisane w tej instrukcji, aby skonfigurować Arduino IDE do programowania ESP 8266!

Trzeba też zainstalować Visuino. Uruchom Visuino, jak pokazano na pierwszym obrazku Kliknij przycisk "Narzędzia" na komponencie Arduino (Zdjęcie 1) w Visuino

Gdy pojawi się okno dialogowe, wybierz „NodeMCU ESP-12”, jak pokazano na Zdjęciu 2

Krok 4: Konfiguracja Wi-Fi

Wybierz NodeMCU ESP-12 i w edytorze Moduły>WiFi>Punkty dostępowe kliknij przycisk […], aby otworzyło się okno „Punkty dostępowe”

W tym edytorze przeciągnij punkt dostępu WiFi na lewą stronę.

• W polu „SSID” wpisz nazwę swojej sieci Wi-Fi
• W sekcji „Hasło” wpisz hasło dostępu do swojej sieci Wi-Fi

Zamknij okno „Punkty dostępu”

Po lewej w edytorze wybierz Moduły>Wifi>Gniazda, kliknij przycisk […], aby otworzyć okno „Gniazda”

Przeciągnij klienta TCP z prawej na lewą stronę

W oknie Właściwości ustaw port: 80

Krok 5: W Visuino Dodaj komponenty

Dodaj komponent ChartToText1

Ustaw maksymalną długość 1000

Dodaj wyświetlacz OLED I2C

Kliknij dwukrotnie i w oknie przeciągnij Pole tekstowe w lewo

Dodaj sformatowany tekst

umieść to pod wartością „tekst”: GET

Akceptuj: text/html, application/xhtml+xml, application/xml;q=0.9, image/webp, image/apng, */*;q=0.8

Akceptuj-Charset: *.*

Akceptuj-Język: en-US, en;q=0,7, sl;q=0,3

Gospodarz: feeds.reuters.com

DNT: 1

Dodaj Zamień tekst (ReplaceText1)

1. ustaw "Od wartości":
2. ustaw "ToValue" na pustą

Dodaj Zamień tekst (ReplaceText2)

1. (patrz zdjęcie) ustaw "Od wartości": TAB TAB
2. ustaw "ToValue" na pustą

• Dodaj długość tekstu (TextLength2)
• Dodaj ZawieraTekst (ZawieraTekst1)

1. Ustaw wartość „tekst”: TAB TAB

   (Zobacz zdjęcie)

   • Dodaj Zapamiętaj tekst

   • Dodaj logikę AND

   • Dodaj wartość dodaną

   1. Ustaw wartość: 1

      • Dodaj wartość porównania (wartość porównania 1)

        1. ustaw "typ porównawczy": ctSmallerOrEqual

        2. ustaw "wartość": 2

        • Dodaj wartość porównania (wartość porównania3)

          1. ustaw "typ porównawczy": ctBigger
          2. ustaw "wartość": 3

          Krok 6: W Visuino: Podłączanie komponentów

          

          • Podłącz NodeMCU ESP-12 > Moduły WiFi Gniazda TCP Client1 > Pin[Out] do CharToText1 pin [In]
          • Połącz pin CharToText1 [out] z pinem ReplaceText1 [in]
          • Połącz pin ZamieńTekst1 [wyjście] z pinem TextLength2 [in] i pinem ZawieraTekst1 [in] oraz pinem RememberText1 [in]
          • Podłącz pin TextLength2 [out] do pinu CompareValue3 [in]
          • Podłącz pin CompareValue3 [wyjście] do pinu And1[1]
          • Połącz ZawieraTekst1 pin[out] z And1 pin[0]
          • Podłącz pin And1 [wyjście] do pinu AddValue1 [wejście]
          • Połącz pin[out] AddValue1 z pinem CompareValue1[in]
          • Połącz pin[out] CompareValue1 z pinem RememberText1 [zapamiętaj] i pin[recall]
          • Połącz pin RememberText1 [out] z pinem ReplaceText2 [in]
          • Połącz pin[out] ReplaceText2 z pinem [in] NodeMCU ESP-12 serial0 i pinem [in] pola tekstowego elementów DisplayOLED1
          • Podłącz pin DisplayOLED1 [out] do pinu NodeMCU ESP-12 I2C [in]

          Krok 7: Wygeneruj, skompiluj i prześlij kod Arduino

          

          

          W Visuino naciśnij F9 lub kliknij przycisk pokazany na Zdjęciu 1, aby wygenerować kod Arduino i otworzyć Arduino IDE

          W Arduino IDE kliknij przycisk Prześlij, aby skompilować i przesłać kod (Zdjęcie 2)

          Krok 8: Graj

          Jeśli włączysz moduł NodeMCU, wyświetlacz OLED zacznie wyświetlać najnowsze wiadomości ze świata.

          Gratulacje! Ukończyłeś swój projekt Live News z Visuino. Dołączony jest również projekt Visuino, który stworzyłem dla tego Instructable. Możesz go pobrać i otworzyć w Visuino: Link do pobrania