Съдържание:

NODEMCU И VISUINO ДИСПЛЕЙ НОВИНИ НА ЖИВО ОТ ИНТЕРНЕТ: 8 стъпки
NODEMCU И VISUINO ДИСПЛЕЙ НОВИНИ НА ЖИВО ОТ ИНТЕРНЕТ: 8 стъпки

Видео: NODEMCU И VISUINO ДИСПЛЕЙ НОВИНИ НА ЖИВО ОТ ИНТЕРНЕТ: 8 стъпки

Видео: NODEMCU И VISUINO ДИСПЛЕЙ НОВИНИ НА ЖИВО ОТ ИНТЕРНЕТ: 8 стъпки
Видео: NodeMCU V3 ESP8266 - обзор, подключение и прошивка в Arduino IDE 2024, Юли
Anonim
Image
Image

В този урок ще използваме NodeMCU Mini, OLED Lcd и Visuino, за да показваме НОВИНИ на живо на всеки няколко секунди от интернет на LCD. Гледайте демонстрационен видеоклип.

Стъпка 1: Какво ще ви трябва

Какво ще ви трябва
Какво ще ви трябва
Какво ще ви трябва
Какво ще ви трябва
Какво ще ви трябва
Какво ще ви трябва
  • NodeMCU Mini
  • OLED Lcd
  • Платка
  • Кабелни проводници
  • Програма Visuino: Изтеглете Visuino

Стъпка 2: Веригата

Веригата
Веригата
  • Свържете GND от NodeMCU към щифт за макет (gnd)
  • Свържете 5V щифт от NodeMCU към щифт за макет (положителен)
  • Свържете пин 0 (SCL) от NodeMCU към OLED LCD щифт (SCL)
  • Свържете щифт 1 (SDA) от NodeMCU към OLED LCD щифт (SDA)
  • Свържете OLED LCD щифт (VCC) към щифт за макет (положителен)
  • Свържете OLED LCD щифт (GND) към щифт за чернова платка (GND)

Стъпка 3: Стартирайте Visuino и изберете NodeMCU ESP-12

Стартирайте Visuino и изберете NodeMCU ESP-12
Стартирайте Visuino и изберете NodeMCU ESP-12
Стартирайте Visuino и изберете NodeMCU ESP-12
Стартирайте Visuino и изберете NodeMCU ESP-12

За да започнете да програмирате Arduino, ще трябва да имате инсталирана Arduino IDE от тук:

Моля, имайте предвид, че има някои критични грешки в Arduino IDE 1.6.6. Уверете се, че сте инсталирали 1.6.7 или по -нова версия, в противен случай тази инструкция няма да работи! Ако не сте направили, следвайте стъпките в тази инструкция, за да настроите Arduino IDE да програмира ESP 8266!

Visuino също трябва да бъде инсталиран. Стартирайте Visuino, както е показано на първата снимка Щракнете върху бутона "Инструменти" на компонента Arduino (Снимка 1) във Visuino

Когато се появи диалоговият прозорец, изберете „NodeMCU ESP-12“, както е показано на снимка 2

Стъпка 4: Настройка на WiFi

WiFi настройка
WiFi настройка
WiFi настройка
WiFi настройка
WiFi настройка
WiFi настройка

Изберете NodeMCU ESP-12 и в редактора Модули> WiFi> Точки за достъп щракнете върху бутона […], така че да се отвори прозорецът „Точки за достъп“

В този редактор плъзнете точката за достъп до WiFi вляво.

  • Под „SSID“поставете името на вашата WiFi мрежа
  • Под „Парола“поставете паролата за достъп за вашата WiFi мрежа

Затворете прозореца "Точки за достъп"

Вляво в редактора изберете Модули> Wifi> Сокети, щракнете върху бутона […], така че прозорецът "Сокети" ще се отвори

Плъзнете TCP клиента отдясно наляво

Под прозорец Свойства задайте порт: 80

Стъпка 5: Във Visuino Добавяне на компоненти

Във Visuino Добавяне на компоненти
Във Visuino Добавяне на компоненти
Във Visuino Добавяне на компоненти
Във Visuino Добавяне на компоненти
Във Visuino Добавяне на компоненти
Във Visuino Добавяне на компоненти

Добавете компонента CharToText1

Задайте максимална дължина 1000

Добавяне на дисплей OLED I2C

Щракнете двукратно и в прозореца плъзнете текстовото поле наляво

Добавяне на форматиран текст

поставете това под "текстова" стойност: GET

Приемам: 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

Водещ: feeds.reuters.com

DNT: 1

Добавяне на заместващ текст (ReplaceText1)

  1. задайте „От стойност“:
  2. задайте „ToValue“на празно

Добавяне на заместващ текст (ReplaceText2)

  1. (вижте снимката) задайте "От стойност": TAB TAB
  2. задайте „ToValue“на празно
  • Добавяне на дължина на текста (TextLength2)
  • Добавяне на ContainsText (ContainsText1)
  1. Задайте "текстова" стойност: TAB TAB

    (вижте снимката)

    • Добавяне на текст за запомняне
    • Добавете логика И

    • Добавете AddValue
    1. зададена стойност: 1

      • Добавете CompareValue (CompareValue1)

        1. задайте "comparetype": ctSmallerOrEqual
        2. задайте "стойност": 2

        • Добавете CompareValue (CompareValue3)

          1. Комплект "comparetype": ctBigger
          2. задайте "стойност": 3

          Стъпка 6: Във Visuino: Свързване на компоненти

          Във Visuino: Свързване на компоненти
          Във Visuino: Свързване на компоненти
          • Свържете NodeMCU ESP-12> Модули WiFi гнезда TCP клиент1> Закрепете [Изход] към CharToText1 щифт [В]
          • Свържете щифт CharToText1 [изход] към щифт ReplaceText1 [вход]
          • Свържете щифта ReplaceText1 [изход] към щифта TextLength2 [в] и щифта ContainsText1 [в] и към пина RememberText1 [в]
          • Свържете щифт TextLength2 [изход] за сравнение
          • Свържете PinValue3 pin [out] към And1 pin [1]
          • Свържете ContainsText1 pin [out] към And1 pin [0]
          • Свържете And1 pin [out] към AddValue1 pin [in]
          • Свържете щифт AddValue1 [изход] за сравняване на щифт ValueValue1 [вход]
          • Свържете pinValue1 pin [out] към MemoryText1 pin [запомнете] и pin [извикване]
          • Свържете MemoryText1 pin [out] към ReplaceText2 pin [in]
          • Свържете ReplaceText2 щифт [изход] към NodeMCU ESP-12 serial0 пин [в] и към DisplayOLED1 елемента текстово поле щифт [в]
          • Свържете DisplayOLED1 pin [out] към NodeMCU ESP-12 I2C pin [in]

          Стъпка 7: Генерирайте, компилирайте и качете кода на Arduino

          Генерирайте, компилирайте и качете кода на Arduino
          Генерирайте, компилирайте и качете кода на Arduino
          Генерирайте, компилирайте и качете кода на Arduino
          Генерирайте, компилирайте и качете кода на Arduino

          Във Visuino натиснете F9 или щракнете върху бутона, показан на снимка 1, за да генерирате кода на Arduino, и отворете Arduino IDE

          В IDE на Arduino кликнете върху бутона Качване, за да компилирате и качите кода (Снимка 2)

          Стъпка 8: Играйте

          Ако захранвате модула NodeMCU, OLED Lcd ще започне да показва последните световни новини.

          Честито! Завършихте си на живо проект новини с Visuino. Приложен е и проектът Visuino, който създадох за този Instructable. Можете да изтеглите и отворите във Visuino: Връзка за изтегляне

Препоръчано: