Sisällysluettelo:

ESP8266 ja Visuino: DHT11 Lämpötila- ja kosteusverkkopalvelin: 12 vaihetta
ESP8266 ja Visuino: DHT11 Lämpötila- ja kosteusverkkopalvelin: 12 vaihetta

Video: ESP8266 ja Visuino: DHT11 Lämpötila- ja kosteusverkkopalvelin: 12 vaihetta

Video: ESP8266 ja Visuino: DHT11 Lämpötila- ja kosteusverkkopalvelin: 12 vaihetta
Video: NTP Clock PM2.5, Temperature, Humidity 2024, Heinäkuu
Anonim
Image
Image

ESP8266-moduulit ovat suuria edullisia erillisiä ohjaimia, joissa on sisäänrakennettu Wi-Fi, ja olen jo tehnyt niistä useita ohjeita.

DTH11/DTH21/DTH22 ja AM2301 ovat erittäin suosittuja yhdistettyjä Arduino-lämpötila- ja kosteusantureita, ja tein heidän kanssaan myös useita opastettavia, mukaan lukien Instructable on Remote lämpömittari ja kosteusanturi, jossa on 2 ESP8266 yhdistettynä yhteen omaan Wi-Fi-verkkoonsa.

Tässä ohjeessa näytän sinulle, kuinka voit tehdä lämpötila- ja kosteusverkkopalvelimen ESP8266: n ja DHT11: n avulla ja muodostaa yhteyden siihen olemassa olevassa Wi-Fi-verkossa useilta laitteilta verkkoselaimella.

Vaihe 1: Komponentit

Liitä DHT11 NodeMCU ESP8266 -moduuliin
Liitä DHT11 NodeMCU ESP8266 -moduuliin
  1. OneNodeMCU ESP8266 -kortti (käytin NodeMCU 0.9 -versiota, mutta mikä tahansa muu tai jopa erillinen ESP-12 tai ESP-01 toimii)
  2. Yksi DHT11 -anturimoduuli, jonka sain tästä halvasta 37 anturisarjasta
  3. 3 naaras-naarasliitinjohtoa

Vaihe 2: Liitä DHT11 NodeMCU ESP8266 -moduuliin

Liitä DHT11 NodeMCU ESP8266 -moduuliin
Liitä DHT11 NodeMCU ESP8266 -moduuliin
Liitä DHT11 NodeMCU ESP8266 -moduuliin
Liitä DHT11 NodeMCU ESP8266 -moduuliin
Liitä DHT11 NodeMCU ESP8266 -moduuliin
Liitä DHT11 NodeMCU ESP8266 -moduuliin
  1. Liitä virta (punainen johto), maadoitus (musta johto) ja data (harmaa johto) DHT11 -moduuliin (Kuva 1 esittää 2 erityyppistä DHT11 -anturimoduulia. Kuten näette, nastat voivat olla erilaisia, liitä ne huolellisesti!)
  2. Liitä maadoitusjohdon toinen pää (musta johto) ESP8266 -moduulin maadoitusnastaan (kuva 2)
  3. Liitä virtajohdon toinen pää (punainen johto) ESP8266 -moduulin 3,3 V: n virtatappiin (Kuva 2)
  4. Liitä datajohdon toinen pää (harmaa johto) ESP8266 -moduulin digitaaliseen nastaan 2 (kuva 3)
  5. Kuva 4 näyttää missä NodeMCU 0.9: n maadoitus, 3,3 V: n virta ja digitaaliset 2 nastaa ovat

Vaihe 3: Käynnistä Visuino ja valitse ESP8266 -kortin tyyppi

Käynnistä Visuino ja valitse ESP8266 -levyn tyyppi
Käynnistä Visuino ja valitse ESP8266 -levyn tyyppi
Käynnistä Visuino ja valitse ESP8266 -levyn tyyppi
Käynnistä Visuino ja valitse ESP8266 -levyn tyyppi

Arduinon ohjelmoinnin aloittamiseksi sinun on asennettava Arduino IDE täältä:

Huomaa, että Arduino IDE 1.6.6: ssa on kriittisiä vikoja

Varmista, että asennat 1.6.7 tai uudemman, muuten tämä Instructable ei toimi!

Jos et ole tehnyt, noudata tämän oppaan ohjeita, jotta Arduino IDE voidaan ohjelmoida ESP 8266 -ohjelmaan

Visuino: https://www.visuino.com on myös asennettava.

  1. Käynnistä Visuinoas, joka näkyy ensimmäisessä kuvassa
  2. Napsauta Visuinon Arduino -komponentin (Kuva 1) "Työkalut" -painiketta
  3. Kun valintaikkuna tulee näkyviin, valitse "NodeMCU ESP-12", kuten kuvassa 2

Vaihe 4: Visuinossa: Aseta isäntänimi ja tukiasema

Visuino: Aseta isäntänimi ja tukiasema
Visuino: Aseta isäntänimi ja tukiasema
Visuino: Aseta isäntänimi ja tukiasema
Visuino: Aseta isäntänimi ja tukiasema
Visuino: Aseta isäntänimi ja tukiasema
Visuino: Aseta isäntänimi ja tukiasema
Visuino: Aseta isäntänimi ja tukiasema
Visuino: Aseta isäntänimi ja tukiasema

Ensin meidän on määritettävä moduuli muodostamaan yhteys olemassa olevaan tukiasemaan ja määritettävä sille HostName, jotta voimme löytää sen verkosta.

  1. Laajenna Object Inspectorissa Moduulit -ominaisuus ja sitten WiFi -aliominaisuus
  2. Aseta objektitarkastajan "HostName" -ominaisuuden arvoksi "dht11server" (Kuva 1)
  3. Laajenna Object Inspectorissa "WiFi" -alueen "AccessPoints" -ominaisuus ja napsauta sen arvon vieressä olevaa "…" -painiketta (Kuva 2)
  4. Valitse "AccessPoins" -editorissa "WiFi -tukiasema" oikeasta näkymästä ja lisää sitten tukiasema napsauttamalla vasemmalla olevaa "+" -painiketta (Kuva 2)
  5. Aseta Object Inspectorissa SSID-ominaisuuden arvoksi Wi-Fi-yhteyspisteen (tukiasema) SSID (Kuva 4)
  6. Jos Wi-Fi-yhteyspisteesi (tukiasema) vaatii salasanan, aseta objektitarkastajan salasana "Salasana" -ominaisuuden arvoon (Kuva 4)
  7. Sulje "AccessPoints" -valintaikkuna

Vaihe 5: Visuino: Lisää TCP/IP -palvelinliitäntä tiedonsiirtoa varten

Visuino: Lisää TCP/IP -palvelinliitäntä tiedonsiirtoa varten
Visuino: Lisää TCP/IP -palvelinliitäntä tiedonsiirtoa varten
Visuino: Lisää TCP/IP -palvelinliitäntä tiedonsiirtoa varten
Visuino: Lisää TCP/IP -palvelinliitäntä tiedonsiirtoa varten
Visuino: Lisää TCP/IP -palvelinliitäntä tiedonsiirtoa varten
Visuino: Lisää TCP/IP -palvelinliitäntä tiedonsiirtoa varten

Seuraavaksi meidän on lisättävä TCP/IP -palvelinliitäntä viestintää varten.

  1. Napsauta Object Inspectorissa "…" -painiketta WiFi: n "Sockets" -alaominaisuuden arvon vieressä (Kuva 1)
  2. Valitse Sockets -editorissa "TCP/IP -palvelin" ja lisää sitten se napsauttamalla "+" -painiketta (Kuva 2) (Kuva 3)
  3. Sulje "Sockets" -valintaikkuna

Vaihe 6: Visuino: Lisää DTH11 ja muotoiltu tekstikomponentti kahdella analogisella kanavalla

Visuino: Lisää DTH11 ja muotoiltu tekstikomponentti kahdella analogisella kanavalla
Visuino: Lisää DTH11 ja muotoiltu tekstikomponentti kahdella analogisella kanavalla
Visuino: Lisää DTH11 ja muotoiltu tekstikomponentti kahdella analogisella kanavalla
Visuino: Lisää DTH11 ja muotoiltu tekstikomponentti kahdella analogisella kanavalla
Visuino: Lisää DTH11 ja muotoiltu tekstikomponentti kahdella analogisella kanavalla
Visuino: Lisää DTH11 ja muotoiltu tekstikomponentti kahdella analogisella kanavalla

DHT11: n lämpötilan ja kosteuden hallitsemiseksi ja lukemiseksi meidän on lisättävä komponentti Visuinoon.

Meidän on myös luotava verkkosivu tiedoista. Sivu on vain HTML -tekstiasiakirja, joten voimme luoda sen käyttämällä muotoiltua tekstiä.

  1. Kirjoita "Komponenttityökalut" Suodatin -ruutuun "dht" ja valitse sitten "Kosteus- ja lämpömittari DHT11/21/22/AM2301" (Kuva 1) ja pudota se suunnittelualueelle
  2. Kirjoita "lomake" Komponenttityökaluryhmän Suodatin -ruutuun ja valitse sitten "Muotoiltu teksti" -komponentti (Kuva 2) ja pudota se suunnittelualueelle
  3. Napsauta FormattedText1 -komponentin "Työkalut" -painiketta (Kuva 3)
  4. Valitse elementtieditorissa analoginen elementti oikealta ja napsauta 2 kertaa vasemmalla olevaa "+" -painiketta (kuva 4) lisätäksesi kaksi niistä (kuva 5)
  5. Sulje "Elementit" -editori

Vaihe 7: Visuinossa: Aseta muotoiltu teksti palvelinvastaukselle

Visuino: Aseta muotoiltu teksti palvelinvastaukselle
Visuino: Aseta muotoiltu teksti palvelinvastaukselle
Visuino: Aseta muotoiltu teksti palvelinvastaukselle
Visuino: Aseta muotoiltu teksti palvelinvastaukselle

Meidän on määritettävä HTML -teksti, joka luodaan, kun web -asiakas muodostaa yhteyden palvelimeen.

Määritämme yhteyden sulkeutumaan lähettämieni tietojen jälkeen ja ohjeistamme selainta muodostamaan yhteyden uudelleen (Päivitä) 5 sekunnin kuluttua lisäämällä asiakirjaan "Päivitä: 5". Näin verkkosivu päivittyy 5 sekunnin välein.

  1. Valitse Suunnittelualueella FormattedText1 -komponentti (Kuva 1)
  2. Valitse Object Inspectorissa "Text" -ominaisuus ja napsauta sen arvon vieressä olevaa "…" -painiketta (Kuva 1)
  3. Kirjoita "Teksti" -editorissa "HTTP/1.1 200 OK" "Sisältötyyppi: teksti/html" "Yhteys: sulje" "Päivitä: 5" "" """"""" Lämpötila: %0 "" Kosteus: %1 "" "" "(Kuva 2) %0 korvataan arvolla AnalogElement1 ja %1 korvataan arvolla AnalogElement2
  4. Sulje valintaikkuna napsauttamalla OK -painiketta

Vaihe 8: Visuinossa: Kytke DHT11 -komponentti

Visuino: Liitä DHT11 -komponentti
Visuino: Liitä DHT11 -komponentti
Visuino: Liitä DHT11 -komponentti
Visuino: Liitä DHT11 -komponentti
Visuino: Liitä DHT11 -komponentti
Visuino: Liitä DHT11 -komponentti
  1. Kytke HumidityThermometer1 -komponentin "Temperature" -lähtötappi FormattedText1 -komponentin AnalogElement1 -tulon "In" -nastaan (Kuva 1)
  2. Liitä HumidityThermometer1 -komponentin "Kosteus" -lähtötappi FormattedText1 -komponentin AnalogElement2 -tulon "In" -nastaan (Kuva 2)
  3. Liitä HumidityThermometer1 -komponentin "Sensor" -tappi Arduino -komponentin "Digital [2]" -kanavan "Digital" -tulonappiin (Kuva 3)

Vaihe 9: Visuinossa: Lisää ja yhdistä Edge Detect -komponentti

Visuino: Lisää ja yhdistä Edge Detect Component
Visuino: Lisää ja yhdistä Edge Detect Component
Visuino: Lisää ja yhdistä Edge Detect Component
Visuino: Lisää ja yhdistä Edge Detect Component
Visuino: Lisää ja yhdistä Edge Detect Component
Visuino: Lisää ja yhdistä Edge Detect Component
Visuino: Lisää ja yhdistä Edge Detect Component
Visuino: Lisää ja yhdistä Edge Detect Component

Meidän on lähetettävä HTML -teksti aina, kun uusi yhteys muodostetaan. Ennen kuin lähetämme, meidän on odotettava vähän, koska selainten on lähetettävä pyyntö ennen kuin he odottavat näkevänsä tuloksen. Tätä varten käytämme viivästyskomponenttia, joka on kytketty TCP/IP -palvelinkannan "Yhdistetty" -tapaan.

  1. Kirjoita "delay" komponenttityökaluryhmän Suodatin -ruutuun, valitse sitten "Delay" -komponentti (Kuva 1) ja pudota se suunnittelualueelle
  2. Aseta Ominaisuudet -kohdassa "Interval (uS)" -ominaisuuden arvoksi 200000 (Kuva 2)
  3. Liitä "NodeMCU ESP-12" -laitteen "Modules. WiFi. Sockets. TCPServer1" -liittimen "Connected" -nasta Delay1-komponentin "In" -nastaan (Kuva 3)
  4. Liitä Delay1 -komponentin "Out" -nasta FormattedText1 -komponentin "Clock" -tulonastapaan (Kuva 4)

Vaihe 10: Visuinossa: Yhdistä muotoiltu tekstikomponentti ja Lisää ja liitä viivästyskomponentti

Visuino: Yhdistä muotoiltu tekstikomponentti ja Lisää ja liitä viive -komponentti
Visuino: Yhdistä muotoiltu tekstikomponentti ja Lisää ja liitä viive -komponentti
Visuino: Yhdistä muotoiltu tekstikomponentti ja Lisää ja liitä viive -komponentti
Visuino: Yhdistä muotoiltu tekstikomponentti ja Lisää ja liitä viive -komponentti
Visuino: Yhdistä muotoiltu tekstikomponentti ja Lisää ja liitä viive -komponentti
Visuino: Yhdistä muotoiltu tekstikomponentti ja Lisää ja liitä viive -komponentti
Visuino: Yhdistä muotoiltu tekstikomponentti ja Lisää ja liitä viive -komponentti
Visuino: Yhdistä muotoiltu tekstikomponentti ja Lisää ja liitä viive -komponentti
  1. Kytke FormattedText1-komponentin "Out" -nasta "NodeMCU ESP-12" -komponentin "Modules. WiFi. Sockets. TCPServer1" "In" -nastaan (Kuva 1)
  2. Kirjoita "delay" komponenttityökaluryhmän Suodatin -ruutuun ja valitse sitten "Delay" -komponentti (kuva 2) ja pudota se suunnittelualueelle
  3. Liitä FormattedText1 -komponentin "Out" -nasta Delay2 -komponentin "In" -nastaan (Kuva 3)
  4. Kytke Delay2-laitteen "Out" -nasta "NodeMCU ESP-12" -komponentin "Modules. WiFi. Sockets. TCPServer1" -laitteen "Disconnect" -tulonappiin (Kuva 4)

Delay -komponentti irrottaa pistorasian pian tekstin lähettämisen jälkeen.

Vaihe 11: Luo, käännä ja lähetä Arduino -koodi

Luo, käännä ja lähetä Arduino -koodi
Luo, käännä ja lähetä Arduino -koodi
Luo, käännä ja lähetä Arduino -koodi
Luo, käännä ja lähetä Arduino -koodi
  1. Visuino -ohjelmassa paina F9 tai napsauta kuvassa 1 näkyvää painiketta Luo Arduino -koodi ja avaa Arduino IDE
  2. Liitä NodeMCU -moduuli tietokoneeseen USB -kaapelilla
  3. Valitse levyn tyyppi ja sarjaportti, kuten olen näyttänyt sinulle tässä ohjeessa
  4. Napsauta Arduino IDE: ssä Lataa -painiketta kootaksesi ja ladataksesi koodin (Kuva 2)

Vaihe 12: Pelaa…

Image
Image
Ja pelata…
Ja pelata…

Onnittelut! Olet luonut Wi-Fi-lämpötila- ja kosteusverkkopalvelimen.

Kuvassa 1 ja videossa näet yhdistetyn ja käynnistetyn projektin. Käytin moduulia pienellä USB -virtapankilla.

Varmista, että projektin vaiheessa 4 olet antanut oikean SSID-tunnuksen ja salasanan Wi-Fi-hotspotillesi

Jos avaat verkkoselaimen tietokoneellasi tai mobiililaitteellasi ja kirjoitat:

dht11server./

Ja paina Enter -näppäintä, näet moduulin mittaaman lämpötilan ja kosteuden. Lukema päivittyy 5 sekunnin välein vaiheessa 7 kuvatulla tavalla.

Muista lisätä piste nimen loppuun, muuten Windows ei pysty ratkaisemaan verkkotunnusta

Kuvassa 2 näet koko Visuino -kaavion.

Liitteenä on myös Visuino -projekti, jonka loin tälle Instructablelle. Voit ladata ja avata sen Visuinossa:

Suositeltava: