ESP8266 og Visuino: DHT11 Temperatur- og fuktighets -webserver: 12 trinn

2025 Forfatter: John Day | [email protected]. Sist endret: 2025-01-23 15:02

ESP8266-moduler er flotte frittstående frittstående kontrollere med innebygd Wi-Fi, og jeg har allerede laget en rekke instrukser om dem.

DTH11/DTH21/DTH22 og AM2301 er veldig populære kombinerte temperatur- og fuktighetsarduino-sensorer, og jeg lagde en rekke instrukser med dem også, inkludert en instruerbar på eksternt termometer og fuktighetssensor med 2 ESP8266 koblet sammen på sitt eget private Wi-Fi-nettverk.

I denne instruksjonsboken vil jeg vise deg hvordan du kan lage en temperatur- og fuktighetsnettserver med ESP8266 og DHT11 og koble til den på ditt eksisterende Wi-Fi-nettverk fra flere enheter med en nettleser.

Trinn 1: Komponenter

1. OneNodeMCU ESP8266-kort (jeg brukte NodeMCU 0.9-versjonen, men alle andre, eller til og med frittstående ESP-12 eller ESP-01 vil fungere)
2. En DHT11 sensormodul jeg fikk fra dette billige 37 sensorsettet
3. 3 jumper-ledninger for kvinner og kvinner

Trinn 2: Koble DHT11 til NodeMCU ESP8266 -modulen

1. Koble strøm (rød ledning), jord (svart ledning) og data (grå ledning) til DHT11 -modulen (bilde 1 viser 2 forskjellige typer DHT11 -sensormoduler. Som du kan se kan pinnene variere, så koble forsiktig til!)
2. Koble den andre enden av jordledningen (svart ledning) til jordpinnen på ESP8266 -modulen (bilde 2)
3. Koble den andre enden av strømledningen (rød ledning) til 3,3V strømstiftet på ESP8266 -modulen (bilde 2)
4. Koble den andre enden av datakabelen (grå ledning) til den digitale pinnen 2 på ESP8266 -modulen (bilde 3)
5. Bilde 4 viser hvor er Ground, 3.3V Power og Digital 2 pins på NodeMCU 0.9

Trinn 3: Start Visuino, og velg ESP8266 -korttypen

For å begynne å programmere Arduino, må du ha Arduino IDE installert herfra:

Vær oppmerksom på at det er noen kritiske feil i Arduino IDE 1.6.6

Sørg for at du installerer 1.6.7 eller nyere, ellers fungerer ikke denne instruksen!

Hvis du ikke har gjort det, følg trinnene i denne instruksjonsboken for å konfigurere Arduino IDE for å programmere ESP 8266

Visuino: https://www.visuino.com må også installeres.

1. Start Visuinoas vist på det første bildet
2. Klikk på "Verktøy" -knappen på Arduino -komponenten (Bilde 1) i Visuino
3. Når dialogboksen vises, velger du "NodeMCU ESP-12" som vist på bilde 2

Trinn 4: I Visuino: Angi et vertsnavn og tilgangspunkt

Først må vi konfigurere modulen for å koble til eksisterende tilgangspunkt og tildele HostName til den slik at vi kan oppdage den på nettverket.

1. I Object Inspector utvider du "Moduler" -egenskapen, deretter "WiFi" -eiendom
2. I Objektinspektøren angir verdien på "HostName" -egenskapen til "dht11server" (Bilde 1)
3. I Object Inspector utvider du "AccessPoints" -eiendommen til "WiFi", og klikker på "…" -knappen ved siden av verdien (Bilde 2)
4. I "AccessPoins" -redigereren, velg "WiFi Access Point" i høyre visning, og klikk deretter på "+" -knappen til venstre for å legge til tilgangspunktet (Bilde 2)
5. I Objektinspektøren angir du verdien av "SSID" -egenskapen til SSID for Wi-Fi-sone (tilgangspunkt) (bilde 4)
6. Hvis ditt Wi-Fi-sone (tilgangspunkt) krever passord, angir du passordet i verdien til egenskapen "Passord" (bilde 4) i objektinspektøren.
7. Lukk dialogboksen "AccessPoints"

Trinn 5: I Visuino: Legg til en TCP/IP -serverkontakt for kommunikasjonen

Deretter må vi legge til en TCP/IP -serverkontakt for kommunikasjonen.

1. I Objektinspektøren klikker du på "…" -knappen ved siden av verdien til "Sockets" -eiendommen til WiFi -en (Bilde 1)
2. Velg “TCP/IP Server” i Sockets -editoren, og klikk deretter på “+” - knappen (Bilde 2) for å legge til en (Bilde 3)
3. Lukk dialogboksen "Sockets"

Trinn 6: I Visuino: Legg til DTH11 og formatert tekstkomponent med 2 analoge kanaler

For å kontrollere og lese temperatur og fuktighet fra DHT11 må vi legge til en komponent for den i Visuino.

Vi må også generere nettsiden ut fra dataene. Siden er bare et HTML -tekstdokument, så vi kan bruke komponert formatert tekst til å generere den.

1. Skriv "dht" i filterboksen i komponentverktøykassen, velg deretter "Fuktighets- og termometer DHT11/21/22/AM2301" -komponent (bilde 1), og slipp den i designområdet
2. Skriv "form" i filterboksen i komponentverktøykassen, velg deretter "Formatert tekst" -komponenten (Bilde 2), og slipp den i designområdet
3. Klikk på "Verktøy" -knappen til komponenten FormattedText1 (Bilde 3)
4. I Elements -editoren, velg det analoge elementet til høyre, og klikk 2 ganger på "+" - knappen til venstre (Bilde 4) for å legge til 2 av dem (Bilde 5)
5. Lukk "Elements" -redaktøren

Trinn 7: I Visuino: Angi formatert tekst for serversvaret

Vi må spesifisere HTML -teksten som skal genereres når en webklient kobler seg til serveren.

Vi angir tilkoblingen som skal lukkes etter dataene jeg sendte, og vi vil også instruere nettleseren om å koble til (Refresh) på nytt etter 5 sekunder ved å legge til "Refresh: 5" i dokumentet. På denne måten oppdateres websiden hvert 5. sekund.

1. I designområdet velger du komponenten FormattedText1 (Bilde 1)
2. I Object Inspector velger du "Tekst" -egenskapen, og klikker på "…" -knappen ved siden av verdien (Bilde 1)
3. I "Tekst" -redaktøren skriver du: "HTTP/1.1 200 OK" "Innholdstype: tekst/html" "Tilkobling: lukk" "Oppdater: 5" "" """""""" Temperatur: %0 "" Fuktighet: %1 "" "" "(Bilde 2) %0 vil bli erstattet med verdien fra AnalogElement1, og %1 vil bli erstattet med verdien fra AnalogElement2
4. Klikk på OK -knappen for å lukke dialogboksen

Trinn 8: I Visuino: Koble til DHT11 -komponenten

1. Koble "Temperatur" utgangsstiften til HumidityThermometer1 -komponenten til "In" -pinnen til AnalogElement1 i FormattedText1 -komponenten (Bilde 1)
2. Koble utgangsstiften "Humidity" til HumidityThermometer1 -komponenten til "In" -pinnen til AnalogElement2 i FormattedText1 -komponenten (Bilde 2)
3. Koble "Sensor" -pinnen til HumidityThermometer1 -komponenten til "Digital" -inngangen på "Digital [2]" -kanalen til Arduino -komponenten (Bilde 3)

Trinn 9: I Visuino: Legg til og koble til Edge Detect Component

Vi må sende HTML -teksten hver gang det er en ny tilkobling. Før vi sender må vi vente litt siden nettleserne må sende en forespørsel før de forventer å se resultatet. For å gjøre det vil vi bruke Delay -komponenten som er koblet til "Connected" -pinnen på TCP/IP Server Socket.

1. Skriv "forsinkelse" i Filter -boksen i komponentverktøykassen, velg deretter "Delay" -komponenten (Bilde 1), og slipp den i designområdet
2. I egenskapene setter du verdien til "Intervall (uS)" -egenskapen til 200000 (Bilde 2)
3. Koble "Connected" -pinnen til "Modules. WiFi. Sockets. TCPServer1" på "NodeMCU ESP-12" -komponenten til "In" -pinnen på Delay1-komponenten (Bilde 3)
4. Koble "Out" -pinnen til Delay1 -komponenten til "Clock" -inngangen på FormattedText1 -komponenten (Bilde 4)

Trinn 10: I Visuino: Koble til den formaterte tekstkomponenten, og legg til og koble til forsinkelseskomponent

1. Koble "Out" -pinnen til FormattedText1-komponenten til "In" -pinnen til "Modules. WiFi. Sockets. TCPServer1" på "NodeMCU ESP-12" -komponenten (Bilde 1)
2. Skriv "forsinkelse" i filterboksen i komponentverktøykassen, velg deretter "Delay" -komponenten (bilde 2), og slipp den i designområdet
3. Koble "Out" -pinnen til FormattedText1 -komponenten til "In" -pinnen på Delay2 -komponenten (Bilde 3)
4. Koble "Out" -pinnen til Delay2-komponenten til "Disconnect" -inngangen på "Modules. WiFi. Sockets. TCPServer1" på "NodeMCU ESP-12" -komponenten (Bilde 4)

Delay -komponenten vil koble fra kontakten kort tid etter at teksten er sendt.

Trinn 11: Generer, kompiler og last opp Arduino -koden

1. I Visuino trykker du på F9 eller klikker på knappen som vises på bilde 1 for å generere Arduino -koden, og åpner Arduino IDE
2. Koble NodeMCU -modulen med USB -kabelen til datamaskinen
3. Velg brettetype og serieport som jeg har vist deg i denne instruksjonsboken
4. I Arduino IDE klikker du på Last opp -knappen for å kompilere og laste opp koden (Bilde 2)

Trinn 12: Og spill …

Gratulerer! Du har laget en Wi-Fi-temperatur- og fuktighetswebserver.

På bilde 1 og i videoen kan du se det tilkoblede og oppstartede prosjektet. Jeg brukte en liten USB Power Bank for å drive modulen.

Sørg for at du i prosjektet på trinn 4 har angitt riktig SSID og passord for Wi-Fi-sone

Hvis du åpner en nettleser på datamaskinen eller mobilenheten, og skriver:

dht11server./

Og trykk Enter, du vil se temperaturen og fuktigheten målt av modulen. Lesingen vil oppdatere hvert 5. sekund som angitt i trinn 7.

Sørg for å legge til prikken på slutten av navnet, ellers kan ikke Windows løse domenenavnet

På bilde 2 kan du se det komplette Visuino -diagrammet.

Vedlagt er også Visuino -prosjektet, som jeg opprettet for denne Instructable. Du kan laste den ned og åpne den i Visuino: