Mündəricat:

ESP8266 və Visuino: DHT11 Temperatur və Rütubət Veb Server: 12 addım
ESP8266 və Visuino: DHT11 Temperatur və Rütubət Veb Server: 12 addım

Video: ESP8266 və Visuino: DHT11 Temperatur və Rütubət Veb Server: 12 addım

Video: ESP8266 və Visuino: DHT11 Temperatur və Rütubət Veb Server: 12 addım
Video: How to use DHT11 DHT22 with NodeMCU ESP8266 to read temperature over WiFi - IoT 2024, Noyabr
Anonim
Image
Image

ESP8266 modulları, quraşdırılmış Wi-Fi ilə çox aşağı qiymətə malik müstəqil idarəedicilərdir və mən artıq onlar haqqında bir çox Təlimat hazırlamışam.

DTH11/DTH21/DTH22 və AM2301 çox populyar Arduino və İstilik Sensorlarıdır və mən də özəl Wi-Fi şəbəkəsinə qoşulmuş 2 ESP8266 ilə Uzaqdan Termometr və Nəmlik Sensorunda Təlimat da daxil olmaqla onlarla bir çox Təlimat hazırladım.

Bu Təlimat kitabında sizə ESP8266 və DHT11 ilə İstilik və Rütubət Veb Serverini necə quracağınızı və veb brauzeri olan birdən çox cihazdan mövcud Wi-Fi şəbəkənizə necə qoşula biləcəyinizi göstərəcəyəm.

Addım 1: Komponentlər

DHT11 -i NodeMCU ESP8266 Moduluna qoşun
DHT11 -i NodeMCU ESP8266 Moduluna qoşun
  1. OneNodeMCU ESP8266 lövhəsi (NodeMCU 0.9 versiyasını istifadə etdim, amma hər hansı digər, hətta tək başına ESP-12 və ya ESP-01 işləyəcək)
  2. Bu ucuz 37 sensorlar dəstindən aldığım bir DHT11 Sensor modulu
  3. 3 Qadın-Qadın tullanan telləri

Addım 2: DHT11 -i NodeMCU ESP8266 Moduluna qoşun

DHT11 -i NodeMCU ESP8266 Moduluna qoşun
DHT11 -i NodeMCU ESP8266 Moduluna qoşun
DHT11 -i NodeMCU ESP8266 Moduluna qoşun
DHT11 -i NodeMCU ESP8266 Moduluna qoşun
DHT11 -i NodeMCU ESP8266 Moduluna qoşun
DHT11 -i NodeMCU ESP8266 Moduluna qoşun
  1. DHT11 Moduluna Güc (Qırmızı tel), Topraklama (Qara tel) və Məlumat (Boz tel) bağlayın (Şəkil 1 2 fərqli DHT11 sensor modulunu göstərir. Gördüyünüz kimi pinlər fərqli ola bilər, buna görə də diqqətlə bağlayın!)
  2. Topraklama telinin digər ucunu (Qara tel) ESP8266 modulunun Torpaq pininə qoşun (Şəkil 2)
  3. Güc telinin digər ucunu (Qırmızı tel) ESP8266 modulunun 3.3V Güc pininə qoşun (Şəkil 2)
  4. Məlumat telinin digər ucunu (Boz tel) ESP8266 modulunun Rəqəmsal pin 2 -yə qoşun (Şəkil 3)
  5. Şəkil 4, NodeMCU 0.9 -un Ground, 3.3V Power və Digital 2 pinlərinin harada olduğunu göstərir

Addım 3: Visuinonu işə salın və ESP8266 Kart Tipini seçin

Visuino'yu işə salın və ESP8266 lövhə növünü seçin
Visuino'yu işə salın və ESP8266 lövhə növünü seçin
Visuinonu işə salın və ESP8266 lövhə növünü seçin
Visuinonu işə salın və ESP8266 lövhə növünü seçin

Arduino proqramlaşdırmağa başlamaq üçün Arduino IDE -ni buradan yükləməlisiniz:

Arduino IDE 1.6.6 -da bəzi kritik səhvlərin olduğunu unutmayın

1.6.7 və ya daha yüksək qurduğunuzdan əmin olun, əks halda bu Təlimat işləməyəcək!

Əgər etməmisinizsə, Arduino IDE -ni ESP 8266 proqramlaşdırmaq üçün bu Təlimat kitabındakı addımları izləyin

Visuino: https://www.visuino.com da quraşdırılmalıdır.

  1. İlk şəkildə göstərilən Visuinoaları işə salın
  2. Visuino'da Arduino komponentindəki "Alətlər" düyməsini (Şəkil 1) basın
  3. Dialoq görünəndə Şəkil 2-də göstərildiyi kimi "NodeMCU ESP-12" seçin

Addım 4: Visuinoda: Bir Host Adı və Giriş Nöqtəsi təyin edin

Visuinoda: Bir Host Adı və Giriş Nöqtəsi təyin edin
Visuinoda: Bir Host Adı və Giriş Nöqtəsi təyin edin
Visuinoda: Bir Host Adı və Giriş Nöqtəsi təyin edin
Visuinoda: Bir Host Adı və Giriş Nöqtəsi təyin edin
Visuinoda: Bir Host Adı və Giriş Nöqtəsi təyin edin
Visuinoda: Bir Host Adı və Giriş Nöqtəsi təyin edin
Visuinoda: Bir Host Adı və Giriş Nöqtəsi təyin edin
Visuinoda: Bir Host Adı və Giriş Nöqtəsi təyin edin

Əvvəlcə modulu mövcud Access Point -ə qoşulmaq üçün konfiqurasiya etməliyik və onu HostName -ə təyin etməliyik ki, onu şəbəkədə kəşf edək.

  1. Obyekt Müfəttişində "Modullar" xüsusiyyətini, sonra "WiFi" alt xüsusiyyətini genişləndirin
  2. Obyekt Müfəttişində "HostName" xüsusiyyətinin dəyərini "dht11server" olaraq təyin edin (Şəkil 1)
  3. Obyekt Müfəttişində "WiFi" nin "AccessPoints" alt xüsusiyyətini genişləndirin və dəyərinin yanındakı "…" düyməsini basın (Şəkil 2)
  4. "AccessPoins" redaktorunda sağ görünüşdə "WiFi Erişim Noktası" nı seçin və sonra giriş nöqtəsini əlavə etmək üçün soldakı "+" düyməsini basın (Şəkil 2)
  5. Obyekt Müfəttişliyində "SSID" xüsusiyyətinin dəyərini Wi-Fi Hotspotunuzun (Giriş nöqtəsi) SSID olaraq təyin edin (Şəkil 4)
  6. Wi-Fi Hotspot'unuz (Giriş Noktası) parol tələb edirsə, Obyekt Müfəttişində parolu "Şifrə" xüsusiyyətinin dəyərinə təyin edin (Şəkil 4)
  7. "AccessPoints" informasiya qutusunu bağlayın

Addım 5: Visuino'da: Rabitə üçün TCP/IP Server Yuvası əlavə edin

Visuinoda: Əlaqə üçün TCP/IP Server Yuvası əlavə edin
Visuinoda: Əlaqə üçün TCP/IP Server Yuvası əlavə edin
Visuinoda: Əlaqə üçün TCP/IP Server Yuvası əlavə edin
Visuinoda: Əlaqə üçün TCP/IP Server Yuvası əlavə edin
Visuinoda: Əlaqə üçün TCP/IP Server Yuvası əlavə edin
Visuinoda: Əlaqə üçün TCP/IP Server Yuvası əlavə edin

Sonra ünsiyyət üçün bir TCP/IP Server yuvası əlavə etməliyik.

  1. Obyekt Müfəttişində, WiFi -nin "Soketlər" alt xüsusiyyətinin dəyərinin yanındakı "…" düyməsini vurun (Şəkil 1)
  2. Yuva redaktorunda "TCP/IP Server" seçin və sonra əlavə etmək üçün "+" düyməsini (Şəkil 2) basın (Şəkil 3)
  3. "Yuvalar" informasiya qutusunu bağlayın

Addım 6: Visuino -da: 2 Analog Kanallı DTH11 və Formatlaşdırılmış Mətn Komponenti əlavə edin

Visuino'da: 2 Analog Kanallı DTH11 və Biçimli Mətn Komponenti əlavə edin
Visuino'da: 2 Analog Kanallı DTH11 və Biçimli Mətn Komponenti əlavə edin
Visuino'da: 2 Analog Kanallı DTH11 və Biçimli Mətn Komponenti əlavə edin
Visuino'da: 2 Analog Kanallı DTH11 və Biçimli Mətn Komponenti əlavə edin
Visuino'da: 2 Analog Kanallı DTH11 və Biçimli Mətn Komponenti əlavə edin
Visuino'da: 2 Analog Kanallı DTH11 və Biçimli Mətn Komponenti əlavə edin

DHT11 -dən İstilik və Rütubəti idarə etmək və oxumaq üçün Visuino'da bunun üçün bir komponent əlavə etməliyik.

Verilənlərdən veb səhifəni də yaratmalıyıq. Səhifə yalnız bir HTML mətn sənədidir, buna görə onu yaratmaq üçün Formatlanmış Mətn komponentindən istifadə edə bilərik.

  1. Komponent Alətlər Qutusunun Filtr qutusuna "dht" yazın, sonra "Nəm və Termometr DHT11/21/22/AM2301" komponentini seçin (Şəkil 1) və dizayn sahəsinə buraxın.
  2. Komponent Alətlər qutusunun Filtr qutusuna "forma" yazın, sonra "Formatlanmış Mətn" komponentini seçin (Şəkil 2) və dizayn sahəsinə buraxın.
  3. FormattedText1 komponentinin "Alətlər" düyməsini basın (Şəkil 3)
  4. Elements redaktorunda sağdakı Analog Elementi seçin və soldan "+" düyməsini 2 dəfə vurun (Şəkil 4), bunlardan ikisini əlavə edin (Şəkil 5)
  5. "Elements" redaktorunu bağlayın

Addım 7: Visuino'da: Server Cavabı üçün Biçimlənmiş Mətni Ayarlayın

Visuino -da: Server Cavabı üçün Biçimlənmiş Mətni seçin
Visuino -da: Server Cavabı üçün Biçimlənmiş Mətni seçin
Visuino -da: Server Cavabı üçün Biçimlənmiş Mətni seçin
Visuino -da: Server Cavabı üçün Biçimlənmiş Mətni seçin

Veb müştəri serverə qoşulduqda yaradılacaq HTML mətnini göstərməliyik.

Göndərdiyim məlumatlardan sonra bağlanacaq əlaqəni təyin edəcəyik və eyni zamanda sənədə "Yenile: 5" əlavə edərək brauzerə 5 saniyə sonra yenidən qoşulmağı (Yeniləmə) tapşıracağıq. Bu şəkildə veb səhifə hər 5 saniyədə bir yenilənəcəkdir.

  1. Dizayn sahəsində FormattedText1 komponentini seçin (Şəkil 1)
  2. Obyekt Müfəttişində "Mətn" xüsusiyyətini seçin və dəyərinin yanındakı "…" düyməsini basın (Şəkil 1)
  3. "Mətn" redaktorunda yazın: "HTTP/1.1 200 OK" "Məzmun növü: text/html" "Bağlantı: bağla" "Yeniləyin: 5" "" """"""" Temperatur: %0 "" Rütubət: %1 "" "" "(Şəkil 2) %0 AnalogElement1 -dən, %1 isə AnalogElement2 -dən alınan dəyərlə əvəz olunacaq.
  4. Dialoqu bağlamaq üçün OK düyməsini basın

Addım 8: Visuinoda: DHT11 Komponentini qoşun

Visuinoda: DHT11 Komponentini qoşun
Visuinoda: DHT11 Komponentini qoşun
Visuinoda: DHT11 Komponentini qoşun
Visuinoda: DHT11 Komponentini qoşun
Visuinoda: DHT11 Komponentini qoşun
Visuinoda: DHT11 Komponentini qoşun
  1. HumidityThermometer1 komponentinin "Temperatur" çıxış pinini FormattedText1 komponentinin AnalogElement1 -in "In" pininə qoşun (Şəkil 1)
  2. HumidityThermometer1 komponentinin "Nəmlik" çıxış pinini FormattedText1 komponentinin AnalogElement2 -nin "In" pininə qoşun (Şəkil 2)
  3. HumidityThermometer1 komponentinin "Sensor" pinini Arduino komponentinin "Digital [2]" kanalının "Digital" giriş pininə qoşun (Şəkil 3)

Addım 9: Visuino -da: Edge Detect Komponentini əlavə edin və qoşun

Visuino'da: Edge Detect Komponenti əlavə edin və qoşun
Visuino'da: Edge Detect Komponenti əlavə edin və qoşun
Visuinoda: Edge Detect Komponenti əlavə edin və qoşun
Visuinoda: Edge Detect Komponenti əlavə edin və qoşun
Visuinoda: Edge Detect Komponenti əlavə edin və qoşun
Visuinoda: Edge Detect Komponenti əlavə edin və qoşun
Visuinoda: Edge Detect Komponenti əlavə edin və qoşun
Visuinoda: Edge Detect Komponenti əlavə edin və qoşun

Hər dəfə yeni bir əlaqə olduqda HTML mətnini göndərməliyik. Göndərməzdən əvvəl bir az gözləməliyik, çünki veb brauzerlər nəticəni gözləmədən əvvəl sorğu göndərməlidirlər. Bunu etmək üçün TCP/IP Server Soketinin "Bağlı" pininə qoşulmuş Gecikmə komponentindən istifadə edəcəyik.

  1. Komponent Alətlər qutusunun Filtr qutusuna "gecikmə" yazın, sonra "Gecikmə" komponentini seçin (Şəkil 1) və dizayn sahəsinə buraxın.
  2. Xüsusiyyətlərdə "Interval (uS)" xüsusiyyətinin dəyərini 200000 olaraq təyin edin (Şəkil 2)
  3. "NodeMCU ESP-12" komponentinin "Modules. WiFi. Sockets. TCPServer1" in "Bağlı" pinini Delay1 komponentinin "Giriş" pininə qoşun (Şəkil 3)
  4. Delay1 komponentinin "Çıxış" pinini FormattedText1 komponentinin "Saat" giriş pininə qoşun (Şəkil 4)

Addım 10: Visuino'da: Biçimlənmiş Mətn Komponentini və Gecikmə Komponentini Əlavə Edin və Bağlayın

Visuinoda: Biçimlənmiş Mətn Komponentini və Gecikmə Komponentini Əlavə Edin və Bağlayın
Visuinoda: Biçimlənmiş Mətn Komponentini və Gecikmə Komponentini Əlavə Edin və Bağlayın
Visuinoda: Biçimlənmiş Mətn Komponentini və Gecikmə Komponentini Əlavə Edin və Bağlayın
Visuinoda: Biçimlənmiş Mətn Komponentini və Gecikmə Komponentini Əlavə Edin və Bağlayın
Visuinoda: Biçimlənmiş Mətn Komponentini və Gecikmə Komponentini Əlavə Edin və Bağlayın
Visuinoda: Biçimlənmiş Mətn Komponentini və Gecikmə Komponentini Əlavə Edin və Bağlayın
Visuinoda: Biçimlənmiş Mətn Komponentini və Gecikmə Komponentini Əlavə Edin və Bağlayın
Visuinoda: Biçimlənmiş Mətn Komponentini və Gecikmə Komponentini Əlavə Edin və Bağlayın
  1. FormattedText1 komponentinin "Çıxış" pinini "NodeMCU ESP-12" komponentinin "Modules. WiFi. Sockets. TCPServer1" in "Giriş" pininə qoşun (Şəkil 1)
  2. Komponent Alətlər qutusunun Filtr qutusuna "gecikmə" yazın, sonra "Gecikmə" komponentini seçin (Şəkil 2) və dizayn sahəsinə buraxın.
  3. FormattedText1 komponentinin "Çıxış" pinini Delay2 komponentinin "Giriş" pininə qoşun (Şəkil 3)
  4. Delay2 komponentinin "Çıxış" pinini "NodeMCU ESP-12" komponentinin "Modules. WiFi. Sockets. TCPServer1" in "Ayır" giriş pininə qoşun (Şəkil 4)

Gecikmə komponenti mətn göndərildikdən qısa müddət sonra yuvanı ayıracaq.

Addım 11: Arduino Kodunu yaradın, tərtib edin və yükləyin

Arduino Kodunu yaradın, tərtib edin və yükləyin
Arduino Kodunu yaradın, tərtib edin və yükləyin
Arduino Kodunu yaradın, tərtib edin və yükləyin
Arduino Kodunu yaradın, tərtib edin və yükləyin
  1. Visuinoda F9 düyməsini basın və ya Arduino kodunu yaratmaq üçün Şəkil 1 -də göstərilən düyməni basın və Arduino IDE -ni açın.
  2. NodeMCU modulunu USB kabeli ilə kompüterə qoşun
  3. Bu Təlimat kitabında göstərdiyim kimi lövhə növünü və serial portunu seçin
  4. Arduino IDE -də kodu tərtib etmək və yükləmək üçün Yüklə düyməsini vurun (Şəkil 2)

Addım 12: Və oynayın …

Image
Image
Və Oyna…
Və Oyna…

Təbrik edirik! Wi-Fi İstilik və Rütubət Veb Serverini yaratmısınız.

Şəkil 1 -də və Videoda bağlı və işə salınmış layihəni görə bilərsiniz. Modulu işə salmaq üçün kiçik bir USB Power Bank istifadə etdim.

4-cü addımdakı layihədə Wi-Fi qaynar nöqtəniz üçün düzgün SSID və Parolu daxil etdiyinizə əmin olun

Kompüterinizdə və ya mobil cihazınızda veb brauzer açarsanız və yazın:

dht11server./

Və Enter düyməsini basın, modulla ölçülən temperatur və rütubəti görəcəksiniz. Oxumaq 7 -ci addımda göstərildiyi kimi hər 5 saniyədə bir yenilənəcək.

Adın sonuna Dot əlavə etdiyinizə əmin olun, əks halda Windows domen adını həll edə bilməyəcək

Şəkil 2 -də tam Visuino diaqramını görə bilərsiniz.

Bu Təlimat üçün yaratdığım Visuino layihəsi də əlavə olunur. Visuino'da yükləyə və aça bilərsiniz:

Tövsiyə: