ESP8266 жана Visuino: DHT11 температурасы жана нымдуулугу Web Server: 12 кадам
ESP8266 жана Visuino: DHT11 температурасы жана нымдуулугу Web Server: 12 кадам
Anonim
Image
Image

ESP8266 модулдары-бул Wi-Fi менен жабдылган арзан баада турган контроллерлер, мен алар жөнүндө бир топ көрсөтмөлөрдү бердим.

DTH11/DTH21/DTH22 жана AM2301-бул абдан популярдуу температура жана нымдуулук Arduino сенсорлору, жана мен алар менен бир катар көрсөтмөлөрдү бердим, анын ичинде алыскы термометр жана нымдуулук сенсору боюнча 2 ESP8266 менен бирге жеке Wi-Fi тармагына туташкан.

Бул Нускамада мен сизге кантип ESP8266 жана DHT11 менен температура жана нымдуулук веб-серверин түзүп, ага веб-браузери бар бир нече түзмөктөрдөн учурдагы Wi-Fi тармагыңызга туташа алаарыңызды көрсөтөм.

1 -кадам: Компоненттер

DHT11ди NodeMCU ESP8266 модулуна туташтырыңыз
DHT11ди NodeMCU ESP8266 модулуна туташтырыңыз
  1. OneNodeMCU ESP8266 тактасы (мен NodeMCU 0.9 версиясын колдонгом, бирок башка, же ал тургай, жалгыз ESP-12 же ESP-01 иштейт)
  2. Бир DHT11 сенсор модулу мен бул арзан 37 сенсорлор топтомунан алдым
  3. 3 Аял-Аял секирүүчү зымдар

2 -кадам: DHT11ди NodeMCU ESP8266 модулуна туташтырыңыз

DHT11ди NodeMCU ESP8266 модулуна туташтырыңыз
DHT11ди NodeMCU ESP8266 модулуна туташтырыңыз
DHT11ди NodeMCU ESP8266 модулуна туташтырыңыз
DHT11ди NodeMCU ESP8266 модулуна туташтырыңыз
DHT11ди NodeMCU ESP8266 модулуна туташтырыңыз
DHT11ди NodeMCU ESP8266 модулуна туташтырыңыз
  1. DHT11 модулуна Power (Кызыл зым), Жер (Кара зым) жана Маалыматты (Боз зым) туташтырыңыз (1 -сүрөт DHT11 сенсор модулдарынын 2 башка түрүн көрсөтөт. Көрүп турганыңыздай, казыктар айырмаланышы мүмкүн, ошондуктан кылдаттык менен туташтырыңыз!)
  2. Жерге коюлган зымдын башка чегин (Кара зым) ESP8266 модулунун жерге туташтыргычына туташтырыңыз (Picture 2)
  3. Power зымынын экинчи учун (Кызыл зым) ESP8266 модулунун 3.3V Power пинине туташтырыңыз (Picture 2)
  4. Берилиштер зымынын экинчи этегин (Боз зым) ESP8266 модулунун Санарык пин 2ге туташтырыңыз (3 -сүрөт)
  5. 4 -сүрөт NodeMCU 0.9дун Ground, 3.3V Power жана Digital 2 пиндери кайда экенин көрсөтөт

3 -кадам: Visuinoду баштаңыз жана ESP8266 Board түрүн тандаңыз

Visuino иштетип, ESP8266 тактасынын түрүн тандаңыз
Visuino иштетип, ESP8266 тактасынын түрүн тандаңыз
Visuino иштетип, ESP8266 тактасынын түрүн тандаңыз
Visuino иштетип, ESP8266 тактасынын түрүн тандаңыз

Arduino программасын баштоо үчүн, Arduino IDEди бул жерден орнотушуңуз керек:

Сураныч, Arduino IDE 1.6.6 кээ бир маанилүү каталар бар экенин билиңиз

1.6.7 же андан жогору орнотуп жатканыңызды текшериңиз, антпесе бул Нускоо иштебейт!

Эгерде сиз бул көрсөтмөдөгү кадамдарды аткарбасаңыз, Arduino IDEди ESP 8266 программасына орнотуу үчүн

Visuino: https://www.visuino.com да орнотулушу керек.

  1. Биринчи сүрөттө көрсөтүлгөн Visuinoasти баштаңыз
  2. Visuinoдогу Arduino компонентиндеги "Куралдар" баскычын чыкылдатыңыз (1 -сүрөт)
  3. Диалог пайда болгондо, 2-сүрөттө көрсөтүлгөндөй "NodeMCU ESP-12" тандаңыз

4 -кадам: Visuinoдо: Хосттун атын жана кирүү чекитин коюңуз

Visuinoдо: Хосттун атын жана кирүү чекитин коюңуз
Visuinoдо: Хосттун атын жана кирүү чекитин коюңуз
Visuinoдо: Хосттун атын жана кирүү чекитин коюңуз
Visuinoдо: Хосттун атын жана кирүү чекитин коюңуз
Visuinoдо: Хосттун атын жана кирүү чекитин коюңуз
Visuinoдо: Хосттун атын жана кирүү чекитин коюңуз
Visuinoдо: Хосттун атын жана кирүү чекитин коюңуз
Visuinoдо: Хосттун атын жана кирүү чекитин коюңуз

Биринчиден, биз модулду учурдагы кирүү чекитине туташуу үчүн конфигурациялап, аны HostNameге дайындообуз керек, ошондо биз аны тармактан таба алабыз.

  1. Объект инспекторунда "Модулдар" касиетин, андан кийин "WiFi" суб касиетин кеңейтүү
  2. Объект инспекторунда "HostName" касиетинин маанисин "dht11server" деп коюңуз (Picture 1)
  3. Объект инспекторунда "WiFi" нын "AccessPoints" суб касиетин кеңейтүү жана анын маанисинин жанындагы "…" баскычын басыңыз (Picture 2)
  4. "AccessPoins" редакторунда оң көз карашта "WiFi кирүү чекитин" тандап, анан кирүү чекитин кошуу үчүн сол жактагы "+" баскычын басыңыз (2 -сүрөт)
  5. Объект инспекторунда "SSID" касиетинин маанисин Wi-Fi түйүнүнүн SSIDсине (Кирүү чекити) коюңуз (Picture 4)
  6. Эгерде сиздин Wi-Fi Hotspot (Кирүү түйүнү) сырсөздү талап кылса, Объект инспекторунда сырсөздү "Сырсөз" касиетинин маанисине коюңуз (Picture 4)
  7. "AccessPoints" диалогун жабыңыз

5 -кадам: Visuinoдо: Байланыш үчүн TCP/IP Server Socket кошуңуз

Visuinoдо: Байланыш үчүн TCP/IP Server Socket кошуңуз
Visuinoдо: Байланыш үчүн TCP/IP Server Socket кошуңуз
Visuinoдо: Байланыш үчүн TCP/IP Server розеткасын кошуңуз
Visuinoдо: Байланыш үчүн TCP/IP Server розеткасын кошуңуз
Visuinoдо: Байланыш үчүн TCP/IP Server Socket кошуңуз
Visuinoдо: Байланыш үчүн TCP/IP Server Socket кошуңуз

Андан кийин биз байланыш үчүн TCP/IP Server розеткасын кошушубуз керек.

  1. Объект инспекторунда WiFi'дин "Sockets" суб касиетинин маанисинин жанындагы "…" баскычын чыкылдатыңыз (1 -сүрөт)
  2. Sockets редакторунда "TCP/IP Server" тандап, анан кошуу үчүн "+" баскычын басыңыз (Picture 2) (Picture 3)
  3. "Sockets" диалогун жабыңыз

6 -кадам: Visuinoдо: 2 аналогдук канал менен DTH11 жана форматталган текст компонентин кошуңуз

Visuinoдо: DTH11 жана форматталган текст компонентин 2 аналогдук канал менен кошуңуз
Visuinoдо: DTH11 жана форматталган текст компонентин 2 аналогдук канал менен кошуңуз
Visuinoдо: DTH11 жана форматталган текст компонентин 2 аналогдук канал менен кошуңуз
Visuinoдо: DTH11 жана форматталган текст компонентин 2 аналогдук канал менен кошуңуз
Visuinoдо: DTH11 жана форматталган текст компонентин 2 аналогдук канал менен кошуңуз
Visuinoдо: DTH11 жана форматталган текст компонентин 2 аналогдук канал менен кошуңуз

DHT11ден Температураны жана Нымдуулукту көзөмөлдөө жана окуу үчүн биз Visuinoго анын компонентин кошушубуз керек.

Биз ошондой эле маалыматтардан веб -баракчаны түзүшүбүз керек. Барак жөн эле HTML текст документи, ошондуктан биз аны түзүү үчүн Форматталган текст компонентин колдоно алабыз.

  1. Компоненттин инструменттер кутусунун Фильтр кутусуна "dht" деп териңиз, андан кийин "Нымдуулук жана термометр DHT11/21/22/AM2301" компонентин тандаңыз (Сүрөт 1) жана аны дизайн чөйрөсүнө таштаңыз.
  2. Компоненттердин куралдар кутусунун Фильтр кутусуна "форма" терип, анан "Форматталган текст" компонентин тандаңыз (Сүрөт 2) жана аны дизайн чөйрөсүнө таштаңыз.
  3. FormattedText1 компонентинин "Куралдар" баскычын чыкылдатыңыз (3 -сүрөт)
  4. Elements редакторунда, оң жактагы аналогдук элементти тандап, сол жагындагы "+" баскычын 2 жолу чыкылдатыңыз (Picture 4), алардын 2син кошуу үчүн (Picture 5)
  5. "Elements" редакторун жабыңыз

7 -кадам: Visuinoдо: Server Response үчүн форматталган текстти коюңуз

Visuinoдо: Server Response үчүн Форматталган Текстти коюңуз
Visuinoдо: Server Response үчүн Форматталган Текстти коюңуз
Visuinoдо: Сервердин жообу үчүн форматталган текстти коюңуз
Visuinoдо: Сервердин жообу үчүн форматталган текстти коюңуз

Веб -кардар серверге туташканда пайда боло турган HTML текстин көрсөтүшүбүз керек.

Мен жөнөткөн маалыматтан кийин жабыла турган байланышты көрсөтөбүз, ошондой эле документке "Жаңылоо: 5" дегенди кошуу менен браузерге 5 секунддан кийин кайра туташууну (Жаңылоо) көрсөтмө беребиз. Ошентип, веб -баракча 5 секунд сайын жаңыртылып турат.

  1. Дизайн чөйрөсүндө FormattedText1 компонентин тандаңыз (Picture 1)
  2. Объект инспекторунан "Текст" касиетин тандап, анын маанисинин жанындагы "…" баскычын басыңыз (1 -сүрөт)
  3. "Текст" редакторуна териңиз: "HTTP/1.1 200 OK" "Мазмун түрү: текст/html" "Байланыш: жабуу" "Жаңылоо: 5" "" """"""" Температура: %0 "" Нымдуулук: %1 "" "" "(Сүрөт 2) %0 AnalogElement1дин мааниси менен, %1 AnalogElement2 мааниси менен алмаштырылат
  4. Диалогду жабуу үчүн OK баскычын басыңыз

8 -кадам: Visuinoдо: DHT11 компонентин туташтырыңыз

Visuinoдо: DHT11 компонентин туташтырыңыз
Visuinoдо: DHT11 компонентин туташтырыңыз
Visuinoдо: DHT11 компонентин туташтырыңыз
Visuinoдо: DHT11 компонентин туташтырыңыз
Visuinoдо: DHT11 компонентин туташтырыңыз
Visuinoдо: DHT11 компонентин туташтырыңыз
  1. HumidityThermometer1 компонентинин "Температура" чыгаруу пинин FormattedText1 компонентинин AnalogElement1инин "In" пинине туташтырыңыз (1 -сүрөт)
  2. HumidityThermometer1 компонентинин "Humidity" чыгаруу пинин FormattedText1 компонентинин AnalogElement2нин "In" пинине туташтырыңыз (Picture 2)
  3. HumidityThermometer1 компонентинин "Sensor" пинин Arduino компонентинин "Digital [2]" каналынын "Digital" кирүү пинине туташтырыңыз (3 -сүрөт)

9 -кадам: Visuinoдо: Edge Detect компонентин кошуу жана туташтыруу

Visuinoдо: Edge Detect компонентин кошуу жана туташтыруу
Visuinoдо: Edge Detect компонентин кошуу жана туташтыруу
Visuinoдо: Edge Detect компонентин кошуу жана туташтыруу
Visuinoдо: Edge Detect компонентин кошуу жана туташтыруу
Visuinoдо: Edge Detect компонентин кошуу жана туташтыруу
Visuinoдо: Edge Detect компонентин кошуу жана туташтыруу
Visuinoдо: Edge Detect компонентин кошуу жана туташтыруу
Visuinoдо: Edge Detect компонентин кошуу жана туташтыруу

Биз жаңы байланыш болгон сайын HTML текстин жөнөтүшүбүз керек. Жөнөтүүдөн мурун, биз бир аз күтүшүбүз керек, анткени веб -браузерлер жыйынтыкты күткөнгө чейин суроо жөнөтүшү керек. Бул үчүн биз TCP/IP Server розеткасынын "Connected" пинине туташкан Delay компонентин колдонобуз.

  1. Компоненттин инструменттер кутусунун Фильтр кутусуна "кечигүү" деп териңиз, андан кийин "Кечиктирүү" компонентин тандаңыз (1 -сүрөт) жана аны дизайн чөйрөсүнө таштаңыз.
  2. Касиеттерде "Interval (uS)" касиетинин маанисин 200000гө коюңуз (Picture 2)
  3. "NodeMCU ESP-12" компонентинин "Modules. WiFi. Sockets. TCPServer1" нин "Туташкан" пинин Delay1 компонентинин "In" пинине туташтырыңыз (3-сүрөт)
  4. Delay1 компонентинин "Чыгуу" пинин FormattedText1 компонентинин "Саат" киргизүү пинине туташтырыңыз (Picture 4)

10 -кадам: Visuinoдо: Форматталган текст компонентин туташтырыңыз, жана кечигүү компонентин кошуңуз

Visuinoдо: Форматталган текст компонентин туташтырыңыз, жана кечигүү компонентин кошуңуз
Visuinoдо: Форматталган текст компонентин туташтырыңыз, жана кечигүү компонентин кошуңуз
Visuinoдо: Форматталган текст компонентин туташтырыңыз, жана кечигүү компонентин кошуңуз
Visuinoдо: Форматталган текст компонентин туташтырыңыз, жана кечигүү компонентин кошуңуз
Visuinoдо: Форматталган текст компонентин туташтырыңыз, жана кечигүү компонентин кошуңуз
Visuinoдо: Форматталган текст компонентин туташтырыңыз, жана кечигүү компонентин кошуңуз
Visuinoдо: Форматталган текст компонентин туташтырыңыз, жана кечигүү компонентин кошуңуз
Visuinoдо: Форматталган текст компонентин туташтырыңыз, жана кечигүү компонентин кошуңуз
  1. FormattedText1 компонентинин "Out" пинин "NodeMCU ESP-12" компонентинин "Modules. WiFi. Sockets. TCPServer1" "In" пинине туташтырыңыз (1-сүрөт)
  2. Компоненттер инструменттеринин кутусунун Чыпкасы кутусуна "кечигүү" деп териңиз, андан кийин "Кечиктирүү" компонентин тандаңыз (Picture 2) жана аны дизайн чөйрөсүнө таштаңыз.
  3. FormattedText1 компонентинин "Out" пинин Delay2 компонентинин "In" пинине туташтырыңыз (Picture 3)
  4. Delay2 компонентинин "Чыгуу" пинин "NodeMCU ESP-12" компонентинин "Modules. WiFi. Sockets. TCPServer1" "ажыратуу" киргизүү пинине туташтырыңыз (Picture 4)

Кечигүү компоненти текст жөнөтүлгөндөн көп өтпөй розетканы ажыратат.

11 -кадам: Arduino кодун түзүү, түзүү жана жүктөө

Arduino кодун түзүү, түзүү жана жүктөө
Arduino кодун түзүү, түзүү жана жүктөө
Arduino кодун түзүү, түзүү жана жүктөө
Arduino кодун түзүү, түзүү жана жүктөө
  1. Visuinoдо F9 баскычын басыңыз же Arduino кодун чыгаруу үчүн 1 -сүрөттө көрсөтүлгөн баскычты басыңыз жана Arduino IDE ачыңыз.
  2. NodeMCU модулун компьютерге USB кабели менен туташтырыңыз
  3. Мен бул Нускамада көрсөткөндөй тактайдын түрүн жана сериялык портун тандаңыз
  4. Arduino IDEде, кодду түзүү жана жүктөө үчүн Жүктөө баскычын чыкылдатыңыз (Picture 2)

12 -кадам: Жана ойноо…

Image
Image
Жана ойно…
Жана ойно…

Куттуктайм! Сиз Wi-Fi температурасы жана нымдуулугу боюнча веб-сервер жасадыңыз.

1 -сүрөттө жана видеодо туташкан жана иштетилген долбоорду көрө аласыз. Мен модулду иштетүү үчүн кичинекей USB Power Bank колдондум.

4-кадамдагы долбоордо Wi-Fi түйүнүңүз үчүн туура SSID менен Сырсөздү киргизгениңизди текшериңиз

Эгерде сиз компьютериңизде же мобилдик түзмөгүңүздө веб -браузерди ачсаңыз жана териңиз:

dht11server./

Жана Enter баскычын басыңыз, сиз модул менен өлчөнгөн температураны жана нымдуулукту көрөсүз. Окуу 7 -кадамда көрсөтүлгөндөй ар бир 5 секундда жаңыртылып турат.

Аттын аягына чекит кошууну тактаңыз, антпесе Windows домен атын чече албайт

2 -сүрөттө Visuino диаграммасын толук көрө аласыз.

Ошондой эле Visuino долбоору тиркелди, мен бул инструкция үчүн түздүм. Аны Visuino'до жүктөп, ача аласыз:

Сунушталууда: