ESP8266 i Visuino: DHT11 web poslužitelj za temperaturu i vlažnost: 12 koraka

2024 Autor: John Day | [email protected]. Zadnja promjena: 2024-01-30 09:32

ESP8266 moduli izvrsni su jeftini samostalni kontroleri s ugrađenim Wi-Fi-jem, a o njima sam već napravio niz instrukcija.

DTH11/DTH21/DTH22 i AM2301 vrlo su popularni kombinirani Arduino senzori za temperaturu i vlagu, a s njima sam napravio i niz instrukcija, uključujući Instructable na daljinskom termometru i senzoru vlažnosti s 2 ESP8266 spojena na njihovu privatnu Wi-Fi mrežu.

U ovom Instructableu pokazat ću vam kako možete napraviti web poslužitelj za temperaturu i vlažnost s ESP8266 i DHT11 i povezati se s njim na vašoj postojećoj Wi-Fi mreži s više uređaja s web preglednikom.

Korak 1: Komponente

1. Ploča OneNodeMCU ESP8266 (koristio sam verziju NodeMCU 0.9, ali svaka druga, ili čak samostalna ESP-12 ili ESP-01 će raditi)
2. Jedan DHT11 senzorski modul koji sam dobio iz ovog jeftinog seta od 37 senzora
3. 3 žice žensko-ženski kratkospojnik

Korak 2: Spojite DHT11 na NodeMCU ESP8266 modul

1. Spojite napajanje (crvena žica), uzemljenje (crna žica) i podatke (siva žica) na modul DHT11 (Slika 1 prikazuje 2 različite vrste senzorskih modula DHT11. Kao što vidite, pinovi se mogu razlikovati, pa ih pažljivo povežite!)
2. Spojite drugi kraj žice za uzemljenje (crna žica) s uzemljenjem na modulu ESP8266 (slika 2)
3. Spojite drugi kraj kabela za napajanje (crvena žica) na utičnicu za napajanje od 3,3 V modula ESP8266 (Slika 2)
4. Spojite drugi kraj podatkovne žice (siva žica) na digitalni pin 2 modula ESP8266 (slika 3)
5. Slika 4 prikazuje gdje su uzemljenje, napajanje 3,3 V i 2 digitalna pina NodeMCU 0,9

Korak 3: Pokrenite Visuino i odaberite vrstu ploče ESP8266

Da biste počeli programirati Arduino, morat ćete instalirati Arduino IDE odavde:

Imajte na umu da postoje neke kritične pogreške u Arduino IDE 1.6.6

Obavezno instalirajte 1.6.7 ili noviju verziju, u protivnom ovaj Instructable neće raditi!

Ako to niste učinili, slijedite korake u ovoj uputi za postavljanje Arduino IDE -a za programiranje ESP 8266

Visuino: https://www.visuino.com također je potrebno instalirati.

1. Pokrenite Visuinoas prikazan na prvoj slici
2. Pritisnite gumb "Alati" na Arduino komponenti (slika 1) u Visuinu
3. Kad se pojavi dijaloški okvir, odaberite "NodeMCU ESP-12" kao što je prikazano na slici 2

Korak 4: U Visuinu: Postavite naziv hosta i pristupnu točku

Prvo moramo konfigurirati modul za povezivanje s postojećom pristupnom točkom i dodijeliti mu HostName kako bismo ga mogli otkriti na mreži.

1. U Object Inspector -u proširite svojstvo “Modules”, a zatim pod -svojstvo “WiFi”
2. U Inspektoru objekata postavite vrijednost svojstva "HostName" na "dht11server" (Slika 1)
3. U Inspectoru objekta proširite pod svojstvo „AccessPoints“pod „WiFi“i kliknite gumb „…“pored njegove vrijednosti (Slika 2)
4. U uređivaču "AccessPoins" odaberite "WiFi Access Point" u desnom prikazu, a zatim kliknite gumb "+" s lijeve strane da biste dodali pristupnu točku (Slika 2)
5. U Inspectoru objekta postavite vrijednost svojstva "SSID" na SSID vašeg Wi-Fi hotspota (pristupna točka) (Slika 4)
6. Ako vaša Wi-Fi žarišna točka (pristupna točka) zahtijeva lozinku, u Inspektoru objekata postavite lozinku u vrijednosti svojstva "Lozinka" (Slika 4)
7. Zatvorite dijaloški okvir "Pristupne točke"

Korak 5: U Visuinu: Dodajte utičnicu poslužitelja TCP/IP za komunikaciju

Zatim moramo dodati utičnicu TCP/IP poslužitelja za komunikaciju.

1. U Inspektoru objekata kliknite gumb "…" pored vrijednosti pod svojstva "Utičnice" WiFi (Slika 1)
2. U uređivaču utičnica odaberite "TCP/IP poslužitelj", a zatim kliknite gumb "+" (slika 2) da biste ga dodali (slika 3)
3. Zatvorite dijaloški okvir "Utičnice"

Korak 6: U Visuinu: Dodajte DTH11 i komponentu formatiranog teksta s 2 analogna kanala

Za kontrolu i očitanje temperature i vlažnosti iz DHT11 moramo dodati komponente za to u Visuino.

Također moramo generirati web stranicu iz podataka. Stranica je samo HTML tekstualni dokument, pa možemo koristiti komponentu Formatirani tekst za njezino generiranje.

1. Upišite "dht" u okvir za filtere u alatu za komponente a zatim odaberite komponentu "vlažnost i termometar DHT11/21/22/AM2301" (slika 1) i ispustite je u područje dizajna
2. Upišite "obrazac" u okvir za filtriranje okvira s alatima za komponente, a zatim odaberite komponentu "Formatirani tekst" (slika 2) i ispustite je u područje dizajna
3. Pritisnite gumb "Alati" komponente FormattedText1 (Slika 3)
4. U uređivaču elemenata odaberite analogni element s desne strane i kliknite dva puta na gumb "+" s lijeve strane (slika 4), da biste ih dodali 2 (slika 5)
5. Zatvorite uređivač "Elementi"

Korak 7: U Visuinu: Postavite formatirani tekst za odgovor poslužitelja

Moramo navesti HTML tekst koji će se generirati kada se web klijent poveže s poslužiteljem.

Navest ćemo vezu koja će se zatvoriti nakon podataka koje sam poslao, a također ćemo uputiti preglednik da se ponovno poveže (osvježi) nakon 5 sekundi dodavanjem "Osvježi: 5" u dokument. Na ovaj način web stranica će se osvježavati svakih 5 sekundi.

1. U području dizajna odaberite komponentu FormattedText1 (slika 1)
2. U Inspektoru objekata odaberite svojstvo "Tekst" i kliknite gumb "…" pored njegove vrijednosti (Slika 1)
3. U uređivaču "Tekst" unesite: "HTTP/1.1 200 OK" "Content-Type: text/html" "Veza: zatvori" "Osvježi: 5" "" """"""" Temperatura: %0 "" Vlažnost: %1 "" "" "(Slika 2) %0 će se zamijeniti vrijednošću iz AnalogElement1, a %1 će se zamijeniti vrijednošću iz AnalogElement2
4. Pritisnite gumb U redu da biste zatvorili dijalog

Korak 8: U Visuinu: Spojite komponentu DHT11

1. Spojite izlazni pin "Temperature" komponente HumidityThermometer1 na "In" iglu AnalogElement1 komponente FormattedText1 (Slika 1)
2. Spojite izlazni pin "Humidity" komponente HumidityThermometer1 na "In" pin AnalogElement2 komponente FormattedText1 (Slika 2)
3. Spojite iglu "Senzor" komponente HumidityThermometer1 na "Digitalni" ulazni pin "Digitalnog [2]" kanala Arduino komponente (Slika 3)

Korak 9: U Visuinu: Dodajte i povežite komponentu za otkrivanje rubova

Moramo poslati HTML tekst svaki put kad se pojavi nova veza. Prije nego što pošaljemo, moramo malo pričekati jer web preglednici moraju poslati zahtjev prije nego što očekuju vidjeti rezultat. Za to ćemo upotrijebiti Delay komponentu povezanu na "Connected" pin TCP/IP poslužiteljske utičnice.

1. Upišite "delay" u okvir Filter Toolbox Component Toolbox, zatim odaberite komponentu "Delay" (Slika 1) i ispustite je u područje dizajna
2. U svojstvima postavite vrijednost svojstva "Interval (uS)" na 200000 (Slika 2)
3. Spojite "Connected" pin "Modules. WiFi. Sockets. TCPServer1" komponente "NodeMCU ESP-12" na "In" pin Delay1 komponente (Slika 3)
4. Spojite "Out" pin Delay1 komponente na ulazni pin "Clock" komponente FormattedText1 (Slika 4)

Korak 10: U Visuinu: Povežite komponentu formatiranog teksta i Dodajte i povežite komponentu odgode

1. Spojite "Out" iglu komponente FormattedText1 sa "In" iglom "Modules. WiFi. Sockets. TCPServer1" komponente "NodeMCU ESP-12" (Slika 1)
2. Upišite "delay" u okvir Filter u Toolboxu za komponente, zatim odaberite komponentu "Delay" (Slika 2) i ispustite je u područje dizajna
3. Spojite "Out" iglu komponente FormattedText1 na "In" pin Delay2 komponente (Slika 3)
4. Spojite "Out" pin Delay2 komponente na "Disconnect" ulazni pin "Modules. WiFi. Sockets. TCPServer1" komponente "NodeMCU ESP-12" (Slika 4)

Komponenta Odgoda će isključiti utičnicu ubrzo nakon slanja teksta.

Korak 11: Generirajte, kompajlirajte i prenesite Arduino kôd

1. U Visuinu pritisnite F9 ili kliknite gumb prikazan na slici 1 za generiranje Arduino koda i otvorite Arduino IDE
2. Priključite modul NodeMCU pomoću USB kabela na računalo
3. Odaberite vrstu ploče i serijski port kao što sam vam pokazao u ovom uputstvu
4. U Arduino IDE -u kliknite gumb Upload za sastavljanje i prijenos koda (Slika 2)

Korak 12: I igrajte se …

Čestitamo! Napravili ste web poslužitelj za temperaturu i vlažnost Wi-Fi mreže.

Na slici 1 i u videu možete vidjeti povezani i napajani projekt. Koristio sam malu USB Power Bank za napajanje modula.

Provjerite jeste li u projektu na 4. koraku unijeli ispravan SSID i lozinku za svoju Wi-Fi žarišnu točku

Ako otvorite web -preglednik na računalu ili mobilnom uređaju i upišete:

dht11server./

I pritisnite Enter, vidjet ćete temperaturu i vlažnost koju mjeri modul. Očitavanje će se osvježavati svakih 5 sekundi kako je navedeno u koraku 7.

Dodajte Točku na kraj imena, inače Windows neće moći riješiti naziv domene

Na slici 2 možete vidjeti kompletan Visuinov dijagram.

U prilogu je i projekt Visuino koji sam stvorio za ovaj Instructable. Možete ga preuzeti i otvoriti u Visuinu: