ESP8266 ja Visuino: DHT11 temperatuuri ja niiskuse veebiserver: 12 sammu

2025 Autor: John Day | [email protected]. Viimati modifitseeritud: 2025-01-13 06:57

ESP8266 moodulid on suurepärased odavad eraldiseisvad kontrollerid, millel on sisseehitatud WiFi, ja ma tegin nende kohta juba mitmeid juhiseid.

DTH11/DTH21/DTH22 ja AM2301 on väga populaarsed kombineeritud temperatuuri ja niiskuse Arduino andurid ning ma tegin nendega ka mitmeid juhiseid, sealhulgas kaugjuhtimise termomeetri ja õhuniiskuse anduri koos 2 ESP8266-ga, mis on ühendatud nende privaatse WiFi-võrguga.

Selles juhendis näitan teile, kuidas saate luua temperatuuri ja niiskuse veebiserveri ESP8266 ja DHT11 abil ning sellega ühenduse luua oma olemasolevas WiFi-võrgus mitmest veebibrauseriga seadmest.

Samm: komponendid

1. OneNodeMCU ESP8266 plaat (kasutasin NodeMCU 0.9 versiooni, kuid mis tahes muu või isegi eraldiseisev ESP-12 või ESP-01 töötab)
2. Selle odava 37 andurikomplekti sain ühe DHT11 andurimooduli
3. 3 Nais-naissoost hüppaja juhtmed

Samm: ühendage DHT11 NodeMCU ESP8266 mooduliga

1. Ühendage toide (punane juhe), maandus (must juhe) ja andmed (hall juhe) DHT11 mooduliga (pildil 1 on näidatud 2 erinevat tüüpi DHT11 andurimoodulit. Nagu näete, võivad tihvtid erineda, seega ühendage hoolikalt!)
2. Ühendage maandusjuhtme teine ots (must juhe) ESP8266 mooduli maandusnõelaga (joonis 2)
3. Ühendage toitejuhtme teine ots (punane juhe) ESP8266 mooduli 3,3 V toitepistikuga (joonis 2)
4. Ühendage andmesidejuhtme teine ots (hall juhe) ESP8266 mooduli digitaalse kontaktiga 2 (joonis 3)
5. Joonisel 4 on näidatud, kus on NodeMCU 0.9 maapind, 3,3 V toide ja 2 digitaalset kontakti

Samm: käivitage Visuino ja valige ESP8266 plaadi tüüp

Arduino programmeerimise alustamiseks peab teil olema Arduino IDE installitud siit:

Pange tähele, et Arduino IDE 1.6.6 -s on kriitilisi vigu

Veenduge, et installite 1.6.7 või uuema versiooni, vastasel juhul see juhend ei tööta!

Kui te pole seda teinud, järgige selles juhendis toodud juhiseid Arduino IDE seadistamiseks programmeerimiseks ESP 8266

Samuti tuleb installida Visuino:

1. Käivitage Visuinoas, mis on näidatud esimesel pildil
2. Klõpsake Visuino Arduino komponendi nupul "Tööriistad" (joonis 1)
3. Kui ilmub dialoog, valige "NodeMCU ESP-12", nagu on näidatud pildil 2

4. samm: Visuinos: määrake hostinimi ja juurdepääsupunkt

Kõigepealt peame seadistama mooduli olemasoleva juurdepääsupunktiga ühenduse loomiseks ja määrama sellele hostinime, et saaksime selle võrgust avastada.

1. Laiendage objektide inspektoris atribuuti „Moodulid” ja seejärel alamatribuuti „WiFi”
2. Määrake objektide inspektoris atribuudi "HostName" väärtuseks "dht11server" (joonis 1)
3. Laiendage objektiinspektoris „WiFi” alamatribuuti „AccessPoints” ja klõpsake selle väärtuse kõrval nuppu „…” (joonis 2)
4. Valige redigeerijas "AccessPoins" parempoolses vaates "WiFi pääsupunkt" ja seejärel klõpsake pääsupunkti lisamiseks vasakul nuppu "+" (joonis 2)
5. Määrake objektide inspektoris atribuudi "SSID" väärtuseks oma WiFi leviala (pääsupunkt) SSID (joonis 4)
6. Kui teie Wi-Fi leviala (pääsupunkt) nõuab parooli, määrake objektiinspektoris parooli atribuudi "Parool" väärtuses (joonis 4)
7. Sulgege dialoog "AccessPoints"

Samm 5: Visuino: lisage side jaoks TCP/IP -serveripesa

Järgmisena peame suhtlemiseks lisama TCP/IP -serveri pesa.

1. Objektiinspektoris klõpsake WiFi alamatribuudi "Sockets" väärtuse kõrval nuppu "…" (joonis 1)
2. Valige pistikupesade redaktoris „TCP/IP Server” ja seejärel klõpsake selle lisamiseks nuppu „+” (joonis 2) (joonis 3)
3. Sulgege dialoog "Pistikupesad"

6. samm: Visuinos: lisage DTH11 ja vormindatud tekstikomponent kahe analoogkanaliga

Temperatuuri ja niiskuse kontrollimiseks ja lugemiseks DHT11 -st peame lisama selle komponendi Visuino.

Samuti peame andmetest veebilehe looma. Leht on lihtsalt HTML -tekstidokument, seega saame selle loomiseks kasutada vormindatud teksti komponenti.

1. Sisestage komponentide tööriistakasti filtrikasti "dht", seejärel valige komponent "Niiskus ja termomeeter DHT11/21/22/AM2301" (joonis 1) ja visake see kujunduspiirkonda
2. Sisestage komponendi tööriistakasti filtrikasti "vorm", seejärel valige komponent "Vormindatud tekst" (joonis 2) ja visake see kujundusalale
3. Klõpsake FormattedText1 komponendi nuppu "Tööriistad" (joonis 3)
4. Valige elementide redigeerijas paremal olev analoogielement ja klõpsake 2 korda vasakul oleval nupul "+" (joonis 4), et neist kaks lisada (joonis 5)
5. Sulgege redaktor "Elemendid"

Samm 7: Visuino: määrake vormindatud tekst serveri vastuseks

Peame määrama HTML -teksti, mis luuakse veebikliendi serveriga ühenduse loomisel.

Määrame ühenduse, mis pärast minu saadetud andmeid suletakse, ning anname brauserile käsu uuesti ühendada (värskendada) 5 sekundi pärast, lisades dokumendile "Värskenda: 5". Nii värskendatakse veebilehte iga 5 sekundi järel.

1. Valige kujunduspiirkonnas komponent FormattedText1 (joonis 1)
2. Valige objektide inspektorist atribuut "Tekst" ja klõpsake selle väärtuse kõrval nuppu "…" (joonis 1)
3. Redaktori "Tekst" tüüp: "HTTP/1.1 200 OK" "Sisu tüüp: tekst/html" "Ühendus: sulge" "Värskenda: 5" "" """"""" Temperatuur: %0 "" Niiskus: %1 "" "" "(Pilt 2) %0 asendatakse väärtusega AnalogElement1 ja %1 asendatakse väärtusega AnalogElement2
4. Dialoogi sulgemiseks klõpsake nuppu OK

8. samm: Visuino: ühendage DHT11 komponent

1. Ühendage HumidityThermometer1 komponendi väljundpistik "Temperature" väljundtipi "In" tihvtiga FormattedText1 komponendi AnalogElement1 (pilt 1)
2. Ühendage komponendi HumidityThermometer1 väljundtihvt "Humidity" komponendi FormattedText1 AnalogElement2 pistikuga "In" (joonis 2)
3. Ühendage komponendi HumidityThermometer1 anduri tihvt Arduino komponendi kanali "Digital [2]" sisendpoldiga "Digital" (joonis 3)

9. samm: Visuino: lisage ja ühendage serva tuvastamise komponent

Peame HTML -teksti saatma iga kord, kui tekib uus ühendus. Enne saatmist peame natuke ootama, kuna veebibrauserid peavad enne tulemuse nägemist päringu saatma. Selleks kasutame viivituskomponenti, mis on ühendatud TCP/IP serveripesa pistikuga "Ühendatud".

1. Sisestage komponendi tööriistakasti filtrikasti "delay", seejärel valige komponent "Delay" (joonis 1) ja visake see kujundusalale
2. Määrake atribuutide atribuudi "Intervall (uS)" väärtuseks 200000 (joonis 2)
3. Ühendage komponendi „NodeMCU ESP-12” jaotise „Modules. WiFi. Sockets. TCPServer1” tihvt „Ühendatud” Delay1 komponendi tihvtiga „In” (joonis 3)
4. Ühendage Delay1 komponendi "Out" tihvt FormattedText1 komponendi "Clock" sisendpoldiga (joonis 4)

10. samm: Visuino puhul: ühendage vormindatud tekstikomponent ning lisage ja ühendage viivituskomponent

1. Ühendage FormattedText1 komponendi „Out” tihvt komponendi „NodeMCU ESP-12” jaotise „Modules. WiFi. Sockets. TCPServer1” tihvti „In” (joonis 1)
2. Sisestage komponendi tööriistakasti filtrikasti „delay”, seejärel valige komponent „Delay” (joonis 2) ja visake see kujundusalale
3. Ühendage FormattedText1 komponendi „Out“tihvt Delay2 komponendi „In“tihvtiga (joonis 3)
4. Ühendage Delay2 komponendi „Out” tihvt „NodeMCU ESP-12” komponendi „Modules. WiFi. Sockets. TCPServer1” sisendpoldiga „Disconnect” (joonis 4)

Viivituskomponent ühendab pistikupesa lahti kohe pärast teksti saatmist.

Samm: looge, kompileerige ja laadige üles Arduino kood

1. Visuinos vajutage Arduino koodi genereerimiseks F9 või klõpsake pildil 1 näidatud nuppu ja avage Arduino IDE
2. Ühendage NodeMCU moodul arvutiga USB -kaabli abil
3. Valige plaadi tüüp ja jadaport, nagu olen teile selles juhendis näidanud
4. Klõpsake Arduino IDE -s koodi koostamiseks ja üleslaadimiseks nuppu Laadi üles (pilt 2)

12. samm: mängige…

Palju õnne! Olete loonud Wi-Fi temperatuuri ja niiskuse veebiserveri.

Pildil 1 ja videos näete ühendatud ja sisselülitatud projekti. Mooduli toiteks kasutasin väikest USB toitepanka.

Veenduge, et 4. sammu projektis oleksite sisestanud oma WiFi levialale õige SSID ja parooli

Kui avate oma arvutis või mobiilseadmes veebibrauseri ja tipite:

dht11server./

Ja vajutage sisestusklahvi, näete mooduli mõõdetud temperatuuri ja niiskust. Näitu värskendatakse iga 5 sekundi järel, nagu on kirjeldatud punktis 7.

Veenduge, et lisate nime lõppu punkti, vastasel juhul ei saa Windows domeeninime lahendada

Pildil 2 näete Visuino täielikku diagrammi.

Lisatud on ka Visuino projekt, mille ma selle juhendi jaoks lõin. Saate selle alla laadida ja avada Visuinos: