ESP8266 ve Visuino: DHT11 Sıcaklık ve Nem Web Sunucusu: 12 Adım

2024 Yazar: John Day | [email protected]. Son düzenleme: 2024-01-30 13:17

ESP8266 modülleri, yerleşik Wi-Fi'ye sahip, düşük maliyetli, bağımsız denetleyicilerdir ve zaten onlar hakkında bir dizi Talimat hazırladım.

DTH11/DTH21/DTH22 ve AM2301, çok popüler birleştirilmiş Sıcaklık ve Nem Arduino sensörleridir ve ben de onlarla, kendi özel Wi-Fi ağlarında birbirine bağlı 2 ESP8266'lı Uzaktan Termometre ve Nem Sensörü de dahil olmak üzere bir dizi Eğitilebilirlik yaptım.

Bu Eğitilebilir Kitapta, ESP8266 ve DHT11 ile bir Sıcaklık ve Nem Web Sunucusunu nasıl yapabileceğinizi ve bir web tarayıcısı ile birden fazla cihazdan mevcut Wi-Fi ağınıza nasıl bağlanabileceğinizi göstereceğim.

Adım 1: Bileşenler

1. OneNodeMCU ESP8266 anakartı (NodeMCU 0.9 sürümünü kullandım, ancak herhangi bir başka, hatta tek başına ESP-12 veya ESP-01 çalışacak)
2. Bu ucuz 37 sensör setinden aldığım bir DHT11 Sensör modülü
3. 3 Dişi-Dişi jumper tel

Adım 2: DHT11'i NodeMCU ESP8266 Modülüne bağlayın

1. Gücü (Kırmızı kablo), Toprak (Siyah kablo) ve Veriyi (Gri kablo) DHT11 Modülüne bağlayın (Resim 1, 2 farklı DHT11 sensör modülünü gösterir. Gördüğünüz gibi, pinler farklı olabilir, bu yüzden dikkatlice bağlayın!)
2. Toprak kablosunun (Siyah tel) diğer ucunu ESP8266 modülünün Toprak pinine bağlayın (Resim 2)
3. Güç kablosunun (Kırmızı kablo) diğer ucunu ESP8266 modülünün 3.3V Güç pinine bağlayın (Resim 2)
4. Veri kablosunun (Gri kablo) diğer ucunu ESP8266 modülünün Dijital pin 2'sine bağlayın (Resim 3)
5. Resim 4, NodeMCU 0.9'un Toprak, 3.3V Güç ve Dijital 2 pinlerinin nerede olduğunu gösterir.

Adım 3: Visuino'yu başlatın ve ESP8266 Board Type'ı seçin

Arduino'yu programlamaya başlamak için, Arduino IDE'yi buradan yüklemeniz gerekir:

Arduino IDE 1.6.6'da bazı kritik hatalar olduğunu lütfen unutmayın

1.6.7 veya üstünü yüklediğinizden emin olun, aksi takdirde bu Talimat çalışmayacaktır!

Eğer yapmadıysanız, Arduino IDE'yi ESP 8266'yı programlamak için ayarlamak için bu Talimattaki adımları izleyin

Visuino: https://www.visuino.com'un da yüklenmesi gerekir.

1. İlk resimde gösterilen Visuinoas'ı başlatın
2. Visuino'da Arduino bileşenindeki (Resim 1) "Araçlar" düğmesine tıklayın
3. Diyalog göründüğünde, Resim 2'de gösterildiği gibi "NodeMCU ESP-12" seçeneğini seçin.

Adım 4: Visuino'da: Bir Ana Bilgisayar Adı ve Erişim Noktası Ayarlayın

Öncelikle modülü mevcut Erişim Noktasına bağlanacak şekilde yapılandırmamız ve ağ üzerinde keşfedebilmemiz için ona Ana Bilgisayar Adı atamamız gerekiyor.

1. Nesne Denetçisinde, "Modüller" özelliğini, ardından "WiFi" alt özelliğini genişletin
2. Object Inspector'da "HostName" özelliğinin değerini "dht11server" olarak ayarlayın (Resim 1)
3. Object Inspector'da “WiFi”nin “AccessPoints” alt özelliğini genişletin ve değerinin yanındaki “…” butonuna tıklayın (Resim 2)
4. "AccessPoins" düzenleyicisinde, sağdaki görünümde “WiFi Erişim Noktası”nı seçin ve ardından erişim noktasını eklemek için soldaki "+" düğmesine tıklayın (Resim 2)
5. Object Inspector'da "SSID" özelliğinin değerini Wi-Fi Hotspot'unuzun (Erişim Noktası) SSID'sine ayarlayın (Resim 4)
6. Wi-Fi Hotspot(Erişim Noktanız) şifre gerektiriyorsa, Object Inspector'da "Password" özelliğinin değerindeki şifreyi ayarlayın (Resim 4)
7. "Erişim Noktaları" iletişim kutusunu kapatın

Adım 5: Visuino'da: İletişim için bir TCP/IP Sunucu Soketi Ekleyin

Ardından, iletişim için bir TCP/IP Sunucu soketi eklememiz gerekiyor.

1. Object Inspector'da WiFi'nin "Sockets" alt özelliğinin değerinin yanındaki "…" butonuna tıklayın (Resim 1)
2. Sockets editöründe “TCP/IP Server” öğesini seçin ve ardından bir tane eklemek için "+" düğmesine (Resim 2) tıklayın (Resim 3)
3. "Soketler" iletişim kutusunu kapatın

Adım 6: Visuino: 2 Analog Kanallı DTH11 ve Formatlı Metin Bileşeni Ekleme

DHT11'den Sıcaklık ve Nemi kontrol etmek ve okumak için Visuino'da bunun için bileşen eklememiz gerekiyor.

Ayrıca verilerden web sayfasını oluşturmamız gerekiyor. Sayfa yalnızca bir HTML metin belgesidir, bu nedenle onu oluşturmak için Biçimlendirilmiş Metin bileşenini kullanabiliriz.

1. Bileşen Araç Kutusunun Filtre kutusuna "dht" yazın ve ardından "Nem ve Termometre DHT11/1/22/AM2301" bileşenini seçin (Resim 1) ve tasarım alanına bırakın
2. Bileşen Araç Kutusunun Filtre kutusuna "form" yazın ve ardından "Biçimlendirilmiş Metin" bileşenini seçin (Resim 2) ve tasarım alanına bırakın
3. FormattedText1 bileşeninin "Tools" butonuna tıklayın (Resim 3)
4. Elements editöründe, sağdaki Analog Element'i seçin ve soldaki "+" düğmesine 2 kez tıklayın (Resim 4), bunlardan 2 tanesini ekleyin (Resim 5)
5. "Öğeler" düzenleyicisini kapatın

Adım 7: Visuino'da: Sunucu Yanıtı için Formatlanmış Metni Ayarlayın

Bir web istemcisi sunucuya bağlandığında oluşturulacak HTML metnini belirtmemiz gerekiyor.

Gönderdiğim verilerden sonra kapatılacak bağlantıyı belirleyeceğiz ve ayrıca belgeye "Yenile: 5" ekleyerek tarayıcıya 5 saniye sonra yeniden bağlanmasını (Yenile) bildireceğiz. Bu şekilde web sayfası her 5 saniyede bir yenilenecektir.

1. Tasarım Alanında FormattedText1 bileşenini seçin (Resim 1)
2. Object Inspector'da "Text" özelliğini seçin ve değerinin yanındaki "…" butonuna tıklayın (Resim 1)
3. "Metin" düzenleyicisine şunu yazın:"HTTP/1.1 200 Tamam""İçerik Türü: metin/html""Bağlantı: kapat""Yenile: 5""""""""""Sıcaklık: %0""Nem: %1"""""(Resim 2) %0, AnalogElement1'den gelen değerle ve %1, AnalogElement2'den gelen değerle değiştirilecektir.
4. İletişim kutusunu kapatmak için Tamam düğmesine tıklayın

Adım 8: Visuino'da: DHT11 Bileşenini Bağlayın

1. HumidityThermometer1 bileşeninin "Temperature" çıkış pinini FormattedText1 bileşeninin AnalogElement1'in "In" pinine bağlayın (Resim 1)
2. HumidityThermometer1 bileşeninin "Nem" çıkış pinini FormattedText1 bileşeninin AnalogElement2'nin "In" pinine bağlayın (Resim 2)
3. HumidityThermometer1 bileşeninin "Sensör" pinini Arduino bileşeninin "Digital[2]" kanalının "Digital" giriş pinine bağlayın(Resim 3)

Adım 9: Visuino'da: Edge Detect Bileşenini Ekle ve Bağla

Her yeni bağlantı olduğunda HTML metnini göndermemiz gerekiyor. Göndermeden önce biraz beklememiz gerekiyor çünkü web tarayıcıları sonucu görmeyi beklemeden önce bir istek göndermeleri gerekiyor. Bunun için TCP/IP Sunucu Soketinin "Bağlı" pinine bağlı Gecikme bileşenini kullanacağız.

1. Bileşen Araç Kutusunun Filtre kutusuna "gecikme" yazın ve ardından "Gecikme" bileşenini seçin (Resim 1) ve tasarım alanına bırakın
2. Özelliklerde "Interval (uS)" özelliğinin değerini 200000 olarak ayarlayın (Resim 2)
3. “NodeMCU ESP-12” bileşeninin “Modules. WiFi. Sockets. TCPServer1”inin “Connected” pinini Delay1 bileşeninin “In” pinine bağlayın (Resim 3)
4. Delay1 bileşeninin "Out" pinini FormattedText1 bileşeninin "Clock" giriş pinine bağlayın (Resim 4)

Adım 10: Visuino'da: Biçimlendirilmiş Metin Bileşenini Bağlayın ve Gecikme Bileşenini Ekle ve Bağlayın

1. FormattedText1 bileşeninin “Out” pinini “NodeMCU ESP-12” bileşeninin “Modules. WiFi. Sockets. TCPServer1”in “In” pinine bağlayınız (Resim 1)
2. Bileşen Araç Kutusunun Filtre kutusuna "gecikme" yazın ve ardından "Gecikme" bileşenini seçin (Resim 2) ve tasarım alanına bırakın
3. FormattedText1 bileşeninin “Out” pinini Delay2 bileşeninin “In” pinine bağlayın (Resim 3)
4. Delay2 bileşeninin “Out” pinini “NodeMCU ESP-12” bileşeninin “Modules. WiFi. Sockets. TCPServer1”in “Disconnect” giriş pinine bağlayın (Resim 4)

Gecikme bileşeni, metin gönderildikten kısa bir süre sonra soketin bağlantısını kesecektir.

Adım 11: Arduino Kodunu Oluşturun, Derleyin ve Yükleyin

1. Visuino'da Arduino kodunu oluşturmak için F9'a basın veya Resim 1'de gösterilen butona tıklayın ve Arduino IDE'yi açın
2. NodeMCU modülünü USB kablosuyla bilgisayara bağlayın
3. Bu Talimatta size gösterdiğim gibi kart tipini ve seri bağlantı noktasını seçin.
4. Arduino IDE'de kodu derlemek ve yüklemek için Upload butonuna tıklayın (Resim 2)

Adım 12: Ve Oynat…

Tebrikler! Bir Wi-Fi Sıcaklık ve Nem Web Sunucusu yaptınız.

Resim 1'de ve Video'da bağlı ve açık projeyi görebilirsiniz. Modüle güç sağlamak için küçük bir USB Güç Bankası kullandım.

4. Adımdaki projede Wi-Fi etkin noktanız için doğru SSID ve Şifreyi girdiğinizden emin olun

Bilgisayarınızda veya mobil cihazınızda bir web tarayıcısı açarsanız ve şunu yazın:

dht11server./

Ve Enter'a basın, modül tarafından ölçülen sıcaklık ve nemi göreceksiniz. Okuma, Adım 7'de belirtildiği gibi her 5 saniyede bir yenilenecektir.

Adın sonuna Nokta eklediğinizden emin olun, aksi takdirde Windows alan adını çözemez

Resim 2'de tam Visuino diyagramını görebilirsiniz.

Ayrıca bu Instructable için oluşturduğum Visuino projesi de ekli. Visuino'da indirip açabilirsiniz: