ESP8266 және Visuino: DHT11 температурасы мен ылғалдылығы веб -сервері: 12 қадам

2024 Автор: John Day | [email protected]. Соңғы өзгертілген: 2024-01-30 10:23

ESP8266 модульдері-бұл кірістірілген Wi-Fi бар, өзіндік құны төмен жеке контроллерлер, мен олар туралы бірнеше нұсқаулықтар жасадым.

DTH11/DTH21/DTH22 және AM2301-бұл температура мен ылғалдылықтың Arduino сенсорларының біріккен сенсорлары, мен олармен бірге бірнеше жеке нұсқаулықтарды жасадым, олардың арасында жеке E-Fi 8266 қосылатын термометр мен ылғалдылық датчигі бар нұсқаулық бар.

Бұл нұсқаулықта мен сізге ESP8266 және DHT11 көмегімен температура мен ылғалдылық веб-серверін қалай құруға болатынын көрсетемін және оған веб-браузері бар бірнеше құрылғыдан бар Wi-Fi желісіне қосылуға болады.

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

1. OneNodeMCU ESP8266 тақтасы (мен NodeMCU 0.9 нұсқасын қолдандым, бірақ кез келген басқа, тіпті жалғыз ESP-12 немесе ESP-01 жұмыс істейді)
2. Мен DHT11 бір сенсорлық модулін 37 арзан датчиктер жиынтығынан алдым
3. 3 Әйел-Әйел секіргіш сымдары

2 -қадам: DHT11 NodeMCU ESP8266 модуліне қосыңыз

1. DHT11 модуліне Қуат (Қызыл сым), Жерге (Қара сым) және Деректерді (Сым сым) жалғаңыз (1 -суретте DHT11 сенсорлық модульдерінің 2 түрі көрсетілген. Көріп отырғаныңыздай, түйреуіштер әр түрлі болуы мүмкін, сондықтан мұқият қосыңыз!)
2. Жерге қосу сымының екінші ұшын (қара сым) ESP8266 модулінің жерге тұйықтауышына қосыңыз (2 -сурет)
3. Қуат сымының екінші ұшын (Қызыл сым) ESP8266 модулінің 3.3 В қуат істігіне қосыңыз (2 -сурет)
4. Деректер сымының екінші ұшын (сұр сым) ESP8266 модулінің сандық істігіне 2 қосыңыз (3 -сурет)
5. 4 -суретте NodeMCU 0.9 жер, 3.3В қуаты және цифрлық 2 түйреуіштері қай жерде көрсетілген

3 -қадам: 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 бағдарламасында: хост атауын және кіру нүктесін орнатыңыз

Алдымен біз модульді бар қатынау нүктесіне қосылу үшін конфигурациялауымыз керек және оны желіде табу үшін оған HostName тағайындауымыз керек.

1. Объектілер инспекторында «Модульдер» сипатын, содан кейін «WiFi» қосалқы сипатын кеңейтіңіз
2. Объект инспекторында «HostName» қасиетінің мәнін «dht11server» етіп орнатыңыз (1 -сурет)
3. Объектілер инспекторында «WiFi» «AccessPoints» қосалқы сипатын кеңейтіңіз және оның мәнінің жанындағы «…» түймесін басыңыз (2 -сурет).
4. «AccessPoins» редакторында оң жақтағы «WiFi кіру нүктесін» таңдаңыз, содан кейін кіру нүктесін қосу үшін сол жақтағы «+» түймесін басыңыз (2 -сурет)
5. Объектілер инспекторында «SSID» қасиетінің мәнін Wi-Fi кіру нүктесінің (кіру нүктесі) SSID-ге орнатыңыз (4-сурет)
6. Егер Wi-Fi хотспотында (кіру нүктесі) құпия сөз қажет болса, объектілер инспекторында құпия сөзді «құпия сөз» қасиетіне орнатыңыз (4-сурет)
7. «AccessPoints» тілқатысу терезесін жабыңыз

5 -қадам: Visuino бағдарламасында: байланыс үшін TCP/IP серверінің ұясын қосыңыз

Содан кейін байланыс үшін TCP/IP серверінің ұяшығын қосу керек.

1. Объектілер инспекторында WiFi -дің «Sockets» қосалқы қасиетінің мәнінің жанындағы «…» түймесін басыңыз (1 -сурет)
2. Sockets редакторында «TCP/IP серверін» таңдаңыз, содан кейін біреуін қосу үшін «+» түймесін (2 -сурет) басыңыз (3 -сурет)
3. «Розеткалар» тілқатысу терезесін жабыңыз

6 -қадам: Visuino -да: 2 аналогты арнасы бар DTH11 және пішімделген мәтін компонентін қосыңыз

DHT11 температурасы мен ылғалдылығын бақылау және оқу үшін оған Visuino компонентін қосу керек.

Біз сондай -ақ мәліметтерден веб -бетті құруымыз керек. Бет - бұл тек HTML мәтіндік құжат, сондықтан біз оны құру үшін Пішімделген мәтін компонентін қолдана аламыз.

1. Компоненттердің құралдар тақтасының сүзгі жолағына «dht» теріңіз, содан кейін «Ылғалдылық пен термометр DHT11/21/22/AM2301» компонентін таңдаңыз (1 -сурет) және оны жобалау аймағына тастаңыз.
2. Компоненттер құралдар тақтасының Сүзгі жолағына «форма» теріңіз, содан кейін «Пішімделген мәтін» компонентін таңдаңыз (2 -сурет) және оны жобалау аймағына тастаңыз.
3. FormattedText1 компонентінің «Құралдар» батырмасын шертіңіз (3 -сурет)
4. Elements редакторында оң жақтағы аналогтық элементті таңдап, сол жақтағы «+» түймесін 2 рет басыңыз (4 -сурет), оның 2 -ін қосыңыз (5 -сурет)
5. «Элементтер» редакторын жабыңыз

7 -қадам: Visuino бағдарламасында: Сервер жауаптары үшін пішімделген мәтінді орнатыңыз

Біз веб -клиент серверге қосылған кезде жасалатын HTML мәтінін көрсетуіміз керек.

Біз жіберген деректерден кейін жабылатын қосылымды көрсетеміз, сонымен қатар құжатқа «Жаңарту: 5» қосу арқылы браузерге 5 секундтан кейін қайта қосылуды (Жаңарту) нұсқау береміз. Осылайша веб -бет әр 5 секунд сайын жаңартылып отырады.

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

8 -қадам: Visuino -да: DHT11 компонентін қосыңыз

1. HumidityThermometer1 компонентінің «Температура» шығыс түйреуішін FormattedText1 компонентінің AnalogElement1 «In» штырына қосыңыз (1 -сурет)
2. HumidityThermometer1 компонентінің «Ылғалдылық» шығыс штырын FormattedText1 компонентінің AnalogElement2 «In» штырына қосыңыз (2 -сурет)
3. HumidityThermometer1 компонентінің «Сенсор» түйреуішін Arduino компонентінің «Digital [2]» арнасының «Digital» кіріс істігіне қосыңыз (3 -сурет)

9 -қадам: Visuino -да: Edge Detect компонентін қосыңыз және қосыңыз

Біз жаңа байланыс болған сайын HTML мәтінін жіберуіміз керек. Жібермес бұрын біз біраз күтуіміз керек, себебі веб -браузерлер нәтиже күтпес бұрын сұрау жіберуі керек. Ол үшін біз TCP/IP сервері розеткасының «Қосылған» түйреуішіне қосылған Delay компонентін қолданамыз.

1. Компоненттердің құралдар тақтасының Сүзгі жолағына «кешіктіру» деп теріңіз, содан кейін «Кешіктіру» компонентін таңдаңыз (1 -сурет) және оны жобалау аймағына тастаңыз.
2. Сипаттарда «Interval (uS)» қасиетінің мәнін 200000 етіп орнатыңыз (2 -сурет)
3. «NodeMCU ESP-12» компонентінің «Modules. WiFi. Sockets. TCPServer1» «Қосылған» түйреуішін Delay1 компонентінің «Кіріс» істігіне жалғаңыз (3-сурет)
4. Delay1 компонентінің «Шығу» түйреуішін FormattedText1 компонентінің «Сағат» кіріс істігіне жалғаңыз (4 -сурет)

10 -қадам: Visuino бағдарламасында: Пішімделген мәтін компонентін қосыңыз және Кешіктіру компонентін қосыңыз және қосыңыз

1. FormattedText1 компонентінің «Шығу» түйреуішін «NodeMCU ESP-12» компонентінің «Modules. WiFi. Sockets. TCPServer1» «Кіріс» істігіне қосыңыз (1-сурет)
2. Компоненттердің құралдар тақтасының сүзгі жолағына «кешіктіру» деп теріңіз, содан кейін «Кешіктіру» компонентін таңдаңыз (2 -сурет) және оны жобалау аймағына тастаңыз.
3. FormattedText1 компонентінің «Шығу» түйреуішін Delay2 компонентінің «Кіріс» істігіне жалғаңыз (3 -сурет)
4. Delay2 компонентінің «Шығу» түйреуішін «NodeMCU ESP-12» компонентінің «Modules. WiFi. Sockets. TCPServer1» «ажырату» кіріс істігіне қосыңыз (4-сурет)

Delay компоненті мәтін жіберілгеннен кейін көп ұзамай розетканы ажыратады.

11 -қадам: Arduino кодын жасаңыз, құрастырыңыз және жүктеңіз

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

12 -қадам: Ал ойна …

Құттықтаймын! Сіз Wi-Fi температурасы мен ылғалдылығы бойынша веб-сервер жасадыңыз.

1 суретте және бейнеде сіз қосылған және қосылған жобаны көре аласыз. Мен модульді қосу үшін шағын USB Power Bank қолдандым.

4-қадамдағы жобада Wi-Fi кіру нүктесі үшін дұрыс SSID мен құпия сөзді енгізгеніңізге көз жеткізіңіз

Егер сіз компьютерде немесе мобильді құрылғыда веб -шолғышты ашсаңыз және теріңіз:

dht11server./

Enter пернесін басыңыз, сіз модульмен өлшенген температура мен ылғалдылықты көресіз. Оқу 7 -қадамда көрсетілгендей әр 5 секунд сайын жаңартылып отырады.

Атаудың соңына нүкте қосуды ұмытпаңыз, әйтпесе Windows домен атауын шеше алмайды

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

Сондай -ақ, мен осы нұсқаулық үшін жасаған Visuino жобасы қоса берілді. Сіз оны Visuino -да жүктей және аша аласыз: