Оглавление:

VISUINO Display Live Forex Currency Price из Интернета: 9 шагов
VISUINO Display Live Forex Currency Price из Интернета: 9 шагов

Видео: VISUINO Display Live Forex Currency Price из Интернета: 9 шагов

Видео: VISUINO Display Live Forex Currency Price из Интернета: 9 шагов
Видео: ПОЛУЧИТЬ АКЦИЙНУЮ ЦЕНУ TTGO ESP32 2024, Ноябрь
Anonim
Image
Image

В этом руководстве мы будем использовать NodeMCU Mini, OLED Lcd и Visuino для отображения текущей цены валюты EUR / USD каждые несколько секунд из Интернета на ЖК-дисплее. Посмотрите демонстрационное видео.

Шаг 1. Что вам понадобится

Что тебе понадобится
Что тебе понадобится
Что тебе понадобится
Что тебе понадобится
Что тебе понадобится
Что тебе понадобится

Все модули от makerfabs. У них есть модули высочайшего качества, которые на световые годы опережают конкурентов, а также по самым доступным ценам.

  • NodeMCU Mini
  • OLED ЖК-дисплей
  • Макетная плата
  • Провода перемычки
  • Программа 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 или выше, иначе это руководство не будет работать! Если вы еще не сделали этого, следуйте инструкциям в этом Руководстве, чтобы настроить IDE Arduino для программирования ESP 8266! Также необходимо установить Visuino. Запустите Visuino, как показано на первом рисунке. Нажмите кнопку «Инструменты» на компоненте Arduino (рисунок 1) в Visuino. Когда появится диалоговое окно, выберите «NodeMCU ESP-12», как показано на рисунке 2.

Шаг 4: Настройка Wi-Fi

Настройка Wi-Fi
Настройка Wi-Fi
Настройка Wi-Fi
Настройка Wi-Fi
Настройка Wi-Fi
Настройка Wi-Fi

Выберите NodeMCU ESP-12 и в редакторе Модули> WiFi> Точки доступа нажмите кнопку […], чтобы открыть окно «Точки доступа»

В этом редакторе перетащите точку доступа Wi-Fi влево.

  • В поле "SSID" укажите название вашей сети Wi-Fi.
  • В разделе «Пароль» введите пароль для доступа к вашей сети Wi-Fi.

Закройте окно «Точки доступа».

Слева в редакторе выберите «Модули»> «Wi-Fi»> «Розетки», нажмите кнопку […], чтобы открыть окно «Сокеты».

Перетащите TCP-клиент справа налево.

В окне свойств установите порт: 80

Шаг 5: Добавьте компоненты в Visuino

В Visuino Добавить компоненты
В Visuino Добавить компоненты
В Visuino Добавить компоненты
В Visuino Добавить компоненты
В Visuino Добавить компоненты
В Visuino Добавить компоненты
В Visuino Добавить компоненты
В Visuino Добавить компоненты
  • Добавить логический компонент "И"
  • Добавить компонент "Запомнить текст"
  • Добавить компонент "Длина текста"
  • Добавьте 2x компонента "Сравнить значение"
  • Добавить компонент «Удалить правый текст»
  • Добавить компонент «Удалить левый текст»
  • Добавить компонент "Заменить текст"
  • Добавить компонент "Генератор импульсов"
  • Добавить компонент «Форматированный текст»
  • Добавить компонент "Символ в текст"
  • Добавить компонент I2C "Display OLED"

Шаг 6. В Visuino: соединение компонентов

В Visuino: соединение компонентов
В Visuino: соединение компонентов
  • Подключите контакт «And1» [Out] к контакту RememberText1 [Remember] и контакту [Recall]
  • Подключите контакт «And1» [0] к контакту «CompareValue2» [Out].
  • Подключите контакт «And1» [1] к контакту «CompareValue1» [Out].
  • Подключите вывод TextLength1 [Out] к выводу CompareValue1 [In] и выводу CompareValue2 [In]
  • Подключите вывод «DeleteRightText1» [In] к выводу CharToText1 [Out]
  • также подключите контакт CharToText1 [Out] к последовательному [0] контакту [In] NodeMCU.
  • Подключите контакт «DeleteRightText1» [Out] к контакту DeleteLeftText1 [In]
  • Подключите вывод DeleteLeftText1 [Out] к выводу ReplaceText1 [In]
  • Подключите вывод ReplaceText1 [Out] к выводу RememberText1 [In]
  • Подключите вывод RememberText1 [Out] к DisplayOLED1> Text Field> pin [in]
  • Подключите вывод DisplayOLED1 [Out] к выводу NodeMCU ESP-12 I2C [In].
  • Подключите вывод PulseGenerator1 [Out] к выводу FormattedText1 [Clock]
  • Подключите вывод FormattedText1 [Out] к NodeMCU ESP-12> Модули WiFi сокетов TCP Client1> Pin [In]
  • Подключите NodeMCU ESP-12> Модули WiFi-сокетов TCP Client1> Контакт [Out] с контактом CharToText1 [In]

Шаг 7: сгенерируйте, скомпилируйте и загрузите код Arduino

Сгенерируйте, скомпилируйте и загрузите код Arduino
Сгенерируйте, скомпилируйте и загрузите код Arduino
Сгенерируйте, скомпилируйте и загрузите код Arduino
Сгенерируйте, скомпилируйте и загрузите код Arduino

В Visuino нажмите F9 или нажмите кнопку, показанную на рисунке 1, чтобы сгенерировать код Arduino, и откройте IDE Arduino.

В среде Arduino IDE нажмите кнопку «Загрузить», чтобы скомпилировать и загрузить код (рисунок 2).

Шаг 8: Играйте

Если вы включите модуль NodeMCU, OLED-дисплей начнет показывать текущую цену EUR / USD.

Поздравляю! Вы завершили свой проект Live Forex Price с Visuino. Также прилагается проект Visuino, который я создал для этого руководства. Вы можете скачать и открыть его в Visuino: Ссылка для скачивания

Шаг 9: В Visuino: настройки компонентов

  • CompareValue1: в редакторе свойств установите «Value»: 3, Only Changed: True и «CompareType»: ctBigger.
  • CompareValue2: в редакторе свойств установите «Value»: 8, «Only Changed: False» и «CompareType»: ctSmaller.
  • DeleteRightText1 в наборе редактора свойств "Length": 931
  • DeleteLeftText1 в наборе редактора свойств "Длина": 53
  • ReplaceText1 в наборе редактора свойств "From Value":

  • PulseGenerator1 в наборе редактора свойств "Частота": 1
  • CharToText1 в редакторе свойств установите "Max Length": 1000, "Truncate": False и "Update on each char": False.
  • DisplayOLED1> Двойной щелчок>
  1. в редакторе перетащите «Текстовое поле» влево и установите в окне свойств «Размер»: 2 и «Y»: 50.
  2. в редакторе перетащите «Нарисовать текст» влево и установите в окне свойств «Текст»: EUR / USD и «Размер»: 2

FormattedText1 в редакторе свойств в разделе «Текст» щелкните «…» и добавьте этот текст:

ПОЛУЧИТЬ https://webrates.truefx.com/rates/connect.html?f=h… HTTP / 1.1 Принять: text / html

Accept-Charset: utf-8

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

Хост: webrates.truefx.com

DNT: 1

Рекомендуемые: