ESP8266 და Visuino: DHT11 ტემპერატურა და ტენიანობა ვებ სერვერი: 12 ნაბიჯი

2025 ავტორი: John Day | [email protected]. ბოლოს შეცვლილი: 2025-01-23 14:50

ESP8266 მოდულები არის დაბალი ღირებულების დამოუკიდებელი კონტროლერი, ჩაშენებული Wi-Fi და მე უკვე გავაკეთე რამდენიმე ინსტრუქცია მათ შესახებ.

DTH11/DTH21/DTH22 და AM2301 ძალიან პოპულარულია ტემპერატურისა და ტენიანობის არდუინოს სენსორები და მათთან ერთად გავაკეთე მრავალი ინსტრუქცია, მათ შორის დისტანციური თერმომეტრის და ტენიანობის სენსორი 2 ESP8266- ით, რომლებიც დაკავშირებულია საკუთარ კერძო Wi-Fi ქსელთან.

ამ ინსტრუქციაში მე გაჩვენებთ თუ როგორ შეგიძლიათ შექმნათ ტემპერატურისა და ტენიანობის ვებ სერვერი ESP8266 და DHT11 და დაუკავშირდეთ მას თქვენს არსებულ Wi-Fi ქსელში მრავალი მოწყობილობიდან ვებ ბრაუზერით.

ნაბიჯი 1: კომპონენტები

1. OneNodeMCU ESP8266 დაფა (მე გამოვიყენე NodeMCU 0.9 ვერსია, მაგრამ ნებისმიერი სხვა, ან თუნდაც ცალკე ESP-12 ან ESP-01 იმუშავებს)
2. ერთი DHT11 სენსორის მოდული მივიღე ამ იაფი 37 სენსორის ნაკრებიდან
3. 3 ქალი-ქალი მხტუნავის მავთული

ნაბიჯი 2: დაუკავშირეთ DHT11 NodeMCU ESP8266 მოდულს

1. შეაერთეთ დენი (წითელი მავთული), გრუნტი (შავი მავთული) და მონაცემები (ნაცრისფერი მავთული) DHT11 მოდულთან (სურათი 1 გვიჩვენებს 2 სხვადასხვა ტიპის DHT11 სენსორის მოდულს. როგორც ხედავთ, ქინძისთავები შეიძლება განსხვავდებოდეს, ასე რომ დაუკავშირდით ფრთხილად!)
2. შეაერთეთ სახმელეთო მავთულის მეორე ბოლო (შავი მავთული) ESP8266 მოდულის სახმელეთო პინთან (სურათი 2)
3. შეაერთეთ დენის მავთულის მეორე ბოლო (წითელი მავთული) ESP8266 მოდულის 3.3V დენის პინთან (სურათი 2)
4. შეაერთეთ მონაცემთა მავთულის მეორე ბოლო (ნაცრისფერი მავთული) ESP8266 მოდულის ციფრულ პინ 2 -თან (სურათი 3)
5. სურათი 4 გვიჩვენებს სად არის Ground, 3.3V სიმძლავრე და ციფრული 2 პინდი NodeMCU 0.9

ნაბიჯი 3: დაიწყეთ Visuino და აირჩიეთ ESP8266 დაფის ტიპი

Arduino– ს პროგრამირების დასაწყებად, თქვენ დაგჭირდებათ Arduino IDE დაინსტალირებული აქედან:

გთხოვთ გაითვალისწინოთ, რომ Arduino IDE 1.6.6– ში არის რამდენიმე მნიშვნელოვანი შეცდომა

დარწმუნდით, რომ დააინსტალირეთ 1.6.7 ან უფრო მაღალი, წინააღმდეგ შემთხვევაში ეს ინსტრუქცია არ იმუშავებს!

თუ თქვენ არ გააკეთეთ, მიჰყევით ამ ინსტრუქციებში მითითებულ ნაბიჯებს Arduino IDE– ს დასაყენებლად ESP 8266 პროგრამისთვის

Visuino: https://www.visuino.com ასევე უნდა იყოს დაინსტალირებული.

1. დაწყება Visuinoas ნაჩვენებია პირველ სურათზე
2. დააწკაპუნეთ ღილაკზე "ინსტრუმენტები" Arduino კომპონენტზე (სურათი 1) Visuino– ში
3. როდესაც დიალოგი გამოჩნდება, აირჩიეთ "NodeMCU ESP-12", როგორც ნაჩვენებია სურათზე 2

ნაბიჯი 4: Visuino– ში: დააყენეთ მასპინძლის სახელი და წვდომის წერტილი

პირველ რიგში ჩვენ გვჭირდება მოდულის კონფიგურაცია არსებულ წვდომის წერტილთან დასაკავშირებლად და მას მივანიჭებთ HostName, რათა შევძლოთ მისი აღმოჩენა ქსელში.

1. ობიექტის ინსპექტორში გააფართოვეთ "მოდულების" თვისება, შემდეგ "WiFi" ქვეპუნქტი
2. ობიექტის ინსპექტორში დააყენეთ "HostName" თვისების მნიშვნელობა "dht11server" (სურათი 1)
3. ობიექტის ინსპექტორში გააფართოვეთ „WiFi“- ს ქვეგანყოფილება „AccessPoints“და დააწკაპუნეთ ღილაკზე „…“მისი მნიშვნელობის გვერდით (სურათი 2)
4. "AccessPoins" რედაქტორში აირჩიეთ "WiFi წვდომის წერტილი" მარჯვენა ხედში და შემდეგ დააჭირეთ ღილაკს "+" მარცხნივ, რომ დაამატოთ წვდომის წერტილი (სურათი 2)
5. ობიექტის ინსპექტორში დააყენეთ "SSID" თვისების მნიშვნელობა თქვენი Wi-Fi ცხელი წერტილის SSID (წვდომის წერტილი) (სურათი 4)
6. თუ თქვენი Wi-Fi ცხელი წერტილი (წვდომის წერტილი) მოითხოვს პაროლს, ობიექტის ინსპექტორში დააყენეთ პაროლი "პაროლის" თვისების ღირებულებაში (სურათი 4)
7. დახურეთ დიალოგი "AccessPoints"

ნაბიჯი 5: Visuino– ში: დაამატეთ TCP/IP სერვერის სოკეტი კომუნიკაციისთვის

შემდეგ ჩვენ უნდა დავამატოთ TCP/IP სერვერის სოკეტი კომუნიკაციისთვის.

1. ობიექტის ინსპექტორში დააწკაპუნეთ ღილაკზე "…" WiFi- ს "სოკეტების" ქვეპუნქტის მნიშვნელობის გვერდით (სურათი 1)
2. სოკეტების რედაქტორში აირჩიეთ "TCP/IP სერვერი" და შემდეგ დააჭირეთ ღილაკს "+" (სურათი 2), რომ დაამატოთ ერთი (სურათი 3)
3. დახურეთ "სოკეტების" დიალოგი

ნაბიჯი 6: Visuino– ში: დაამატეთ DTH11 და ფორმატირებული ტექსტის კომპონენტი 2 ანალოგური არხით

DHT11– დან ტემპერატურისა და ტენიანობის გასაკონტროლებლად და წასაკითხად, ჩვენ უნდა დავამატოთ ის კომპონენტი Visuino– ში.

ჩვენ ასევე უნდა შევქმნათ ვებ გვერდი მონაცემებიდან. გვერდი არის მხოლოდ HTML ტექსტური დოკუმენტი, ასე რომ ჩვენ შეგვიძლია გამოვიყენოთ ფორმატირებული ტექსტის კომპონენტი მის შესაქმნელად.

1. აკრიფეთ "dht" კომპონენტის ხელსაწყოს ყუთის ფილტრაციის ყუთში, შემდეგ შეარჩიეთ "ტენიანობა და თერმომეტრი DHT11/21/22/AM2301" კომპონენტი (სურათი 1) და ჩააგდეთ დიზაინის არეში
2. აკრიფეთ "ფორმა" კომპონენტის ხელსაწყოს ყუთის ფილტრის ყუთში, შემდეგ შეარჩიეთ კომპონენტი "ფორმატირებული ტექსტი" (სურათი 2) და ჩააგდეთ იგი დიზაინის არეში
3. დააწკაპუნეთ ფორმატირებული ტექსტის 1 კომპონენტის "ინსტრუმენტები" (სურათი 3)
4. ელემენტების რედაქტორში აირჩიეთ ანალოგური ელემენტი მარჯვნივ და დააწკაპუნეთ 2 -ჯერ ღილაკზე "+" მარცხნივ (სურათი 4), რომ დაამატოთ 2 მათგანი (სურათი 5)
5. დახურეთ "ელემენტების" რედაქტორი

ნაბიჯი 7: Visuino– ში: დააყენეთ ფორმატირებული ტექსტი სერვერის პასუხისთვის

ჩვენ უნდა დავაზუსტოთ HTML ტექსტი, რომელიც გენერირდება ვებ კლიენტის სერვერთან დაკავშირებისას.

ჩვენ დავაზუსტებთ კავშირს, რომელიც დაიხურება გაგზავნილი მონაცემების შემდეგ და ასევე დავავალებთ ბრაუზერს ხელახლა დაკავშირება (განახლება) 5 წამის შემდეგ დოკუმენტში "განახლების: 5" დამატებით. ამ გზით ვებ გვერდი განახლდება ყოველ 5 წამში.

1. დიზაინის ზონაში აირჩიეთ FormattedText1 კომპონენტი (სურათი 1)
2. ობიექტის ინსპექტორში აირჩიეთ "ტექსტის" თვისება და დააწკაპუნეთ ღილაკზე "…" მისი მნიშვნელობის გვერდით (სურათი 1)
3. "ტექსტის" რედაქტორში ჩაწერეთ: "HTTP/1.1 200 OK" "Content-type: text/html" "Connection: close" "Refresh: 5" "" """"""" ტემპერატურა: %0 "" ტენიანობა: %1 "" "" (სურათი 2) %0 შეიცვლება ანალოგური ელემენტის 1 მნიშვნელობით, ხოლო %1 ანალოგური ელემენტის 2 მნიშვნელობით.
4. დააწკაპუნეთ OK ღილაკზე, რომ დაიხუროს დიალოგი

ნაბიჯი 8: Visuino– ში: შეაერთეთ DHT11 კომპონენტი

1. შეაერთეთ HumidityThermometer1 კომპონენტის "ტემპერატურის" გამომავალი პუნქტი FormattedText1 კომპონენტის ანალოგური ელემენტის 1 "პინში" (სურათი 1)
2. შეაერთეთ HumidityThermometer1 კომპონენტის "Humidity" გამომავალი პინ ფორმატირებული ტექსტის 1 კომპონენტის AnalogElement2- ის "In" (სურათი 2)
3. შეაერთეთ HumidityThermometer1 კომპონენტის "სენსორის" პინი Arduino კომპონენტის "ციფრული [2]" არხის "ციფრული" შეყვანის პინთან (სურათი 3)

ნაბიჯი 9: Visuino– ში: დაამატეთ და დააკავშირეთ Edge Detect კომპონენტი

ჩვენ უნდა გამოვაგზავნოთ HTML ტექსტი ყოველ ჯერზე, როდესაც ახალი კავშირი არსებობს. სანამ ჩვენ გამოგიგზავნით, ჩვენ უნდა დაველოდოთ ცოტა ხანს, რადგან ვებ ბრაუზერებმა უნდა გამოაგზავნონ მოთხოვნა მანამ, სანამ არ დაელოდებიან შედეგს. ამისათვის ჩვენ გამოვიყენებთ Delay კომპონენტს, რომელიც დაკავშირებულია TCP/IP სერვერის სოკეტის "დაკავშირებულ" პინთან.

1. ჩაწერეთ "შეფერხება" კომპონენტის ინსტრუმენტთა ყუთის ფილტრაციის ყუთში, შემდეგ შეარჩიეთ კომპონენტი "გადადება" (სურათი 1) და ჩამოაგდეთ იგი დიზაინის არეში
2. თვისებებში დააყენეთ "ინტერვალი (uS)" თვისება 200000 (სურათი 2)
3. შეაერთეთ მოდულის "Modules. WiFi. Sockets. TCPServer1" "NodeMCU ESP-12" კომპონენტის "Delay1" კომპონენტის "In" (სურათი 3)
4. შეაერთეთ Delay1 კომპონენტის "Out" პინი FormattedText1 კომპონენტის "საათის" შეყვანის პინთან (სურათი 4)

ნაბიჯი 10: Visuino– ში: დააკავშირეთ ფორმატირებული ტექსტის კომპონენტი და დაამატეთ და დააკავშირეთ დაგვიანების კომპონენტი

1. დააკავშირეთ FormattedText1 კომპონენტის "Out" პინი "Modules. WiFi. Sockets. TCPServer1" "NodeMCU ESP-12" კომპონენტის (სურათი 1)
2. ჩაწერეთ "შეფერხება" კომპონენტის ყუთის ფილტრის ყუთში, შემდეგ შეარჩიეთ კომპონენტი "გადადება" (სურათი 2) და ჩააგდეთ იგი დიზაინის ზონაში
3. დააკავშირეთ FormattedText1 კომპონენტის "Out" პინი Delay2 კომპონენტის "In" (სურათი 3)
4. შეაერთეთ Delay2 კომპონენტის "Out" პინი "Modules. WiFi. Sockets. TCPServer1" კომპონენტის "NodeMCU ESP-12" კომპონენტის (სურათი 4)

Delay კომპონენტი გათიშავს სოკეტს ტექსტის გაგზავნიდან მალევე.

ნაბიჯი 11: შექმენით, შეადგინეთ და ატვირთეთ არდუინოს კოდი

1. Visuino– ში დააჭირეთ F9 ან დააწკაპუნეთ სურათზე ნაჩვენები ღილაკზე Arduino კოდის შესაქმნელად და გახსენით Arduino IDE
2. შეაერთეთ NodeMCU მოდული USB კაბელით კომპიუტერთან
3. შეარჩიეთ დაფის ტიპი და სერიული პორტი, როგორც მე გაჩვენეთ ამ ინსტრუქციებში
4. Arduino IDE– ში დააწკაპუნეთ ღილაკზე „ატვირთვა“, რათა შეადგინოთ და ატვირთოთ კოდი (სურათი 2)

ნაბიჯი 12: და ითამაშე …

გილოცავთ! თქვენ შექმენით Wi-Fi ტემპერატურისა და ტენიანობის ვებ სერვერი.

სურათზე 1 და ვიდეოში შეგიძლიათ ნახოთ დაკავშირებული და ჩართული პროექტი. მოდულის დასამუშავებლად გამოვიყენე პატარა USB დენის ბანკი.

დარწმუნდით, რომ პროექტში ნაბიჯი 4 თქვენ შეიყვანეთ სწორი SSID და პაროლი თქვენი Wi-Fi ცხელი წერტილისთვის

თუ გახსნით ვებ ბრაუზერს თქვენს კომპიუტერზე ან მობილურ მოწყობილობაზე და აკრიფეთ:

dht11 სერვერი./

და დააჭირეთ Enter, თქვენ იხილავთ მოდულით გაზომულ ტემპერატურასა და ტენიანობას. კითხვა განახლდება ყოველ 5 წამში, როგორც ეს მითითებულია ნაბიჯი 7 -ში.

დარწმუნდით, რომ დაამატეთ წერტილი სახელის ბოლოს, წინააღმდეგ შემთხვევაში Windows ვერ შეძლებს დომენის სახელის გადაწყვეტას

სურათზე 2 თქვენ შეგიძლიათ ნახოთ ვიზუინოს სრული დიაგრამა.

ასევე ერთვის Visuino პროექტი, რომელიც მე შევქმენი ამ Instructable– ისთვის. შეგიძლიათ გადმოწეროთ და გახსნათ Visuino– ში: