ESP8266 ба Visuino: DHT11 температур ба чийгшлийн вэб сервер: 12 алхам

2024 Зохиолч: John Day | [email protected]. Хамгийн сүүлд өөрчлөгдсөн: 2024-01-30 11:00

ESP8266 модулиуд нь маш хямд өртөгтэй дангаараа ажилладаг Wi-Fi хянагч бөгөөд би тэдний талаар хэд хэдэн зааварчилгаа өгсөн.

DTH11/DTH21/DTH22 ба AM2301 нь температур ба чийгшил Arduino-ийн маш алдартай хосолсон мэдрэгч бөгөөд би тэдэнтэй хамт хувийн Wi-Fi сүлжээнд холбогдсон 2 ESP8266-тай алсын термометр ба чийгшил мэдрэгчийг ашиглах зааварчилгаа оруулсан.

Энэхүү гарын авлагад би ESP8266 ба DHT11 ашиглан температур, чийгшлийн вэб серверийг хэрхэн хийж, вэб хөтөч бүхий олон төхөөрөмжөөс одоо байгаа Wi-Fi сүлжээндээ холбогдохыг танд үзүүлэх болно.

Алхам 1: бүрэлдэхүүн хэсгүүд

1. OneNodeMCU ESP8266 самбар (би NodeMCU 0.9 хувилбарыг ашиглаж байсан, гэхдээ бусад, бүр дангаараа ESP-12 эсвэл ESP-01 ажиллах болно)
2. Энэхүү хямд 37 мэдрэгчийн багцаас авсан нэг DHT11 мэдрэгчийн модуль
3. 3 Эмэгтэй-Эмэгтэй холбогч утас

Алхам 2: DHT11 -ийг NodeMCU ESP8266 модульд холбоно уу

1. Power (Улаан утас), Газардуулга (Хар утас), Өгөгдөл (Саарал утас) -ыг DHT11 модульд холбоно уу (Зураг 1 -т DHT11 мэдрэгчийн 2 өөр модулийг харуулжээ. Таны харж байгаагаар тээглүүрүүд өөр байж магадгүй тул болгоомжтой холбоно уу!)
2. Газардуулгын утасны нөгөө үзүүрийг (Хар утас) ESP8266 модулийн газардуулгатай холбоно уу (Зураг 2)
3. Цахилгааны утасны нөгөө үзүүрийг (Улаан утас) ESP8266 модулийн 3.3V тэжээлийн зүү рүү холбоно уу (Зураг 2)
4. Өгөгдлийн утасны нөгөө хэсгийг (Саарал утас) ESP8266 модулийн дижитал зүү 2 -т холбоно уу (Зураг 3)
5. Зураг 4 -т NodeMCU 0.9 -ийн Ground, 3.3V Power, Digital 2 зүү хаана байгааг харуулав.

Алхам 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. Visuino дахь Arduino бүрэлдэхүүн хэсэг дээрх "Хэрэгслүүд" товчийг дарна уу (Зураг 1)
3. Харилцах цонх гарч ирэх үед 2-р зурагт үзүүлсэн шиг "NodeMCU ESP-12" -ийг сонгоно уу

Алхам 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 -ийн "Sockets" дэд өмчийн утгын хажууд байгаа "…" товчийг дарна уу (Зураг 1)
2. Сокет засварлагч дээр "TCP/IP сервер" -ийг сонгоод "+" товчлуур дээр дарна уу (Зураг 2) нэгийг нэмнэ үү (Зураг 3)
3. "Sockets" харилцах цонхыг хаах

Алхам 6: Visuino -д: 2 аналог суваг бүхий DTH11 болон форматлагдсан текстийн бүрэлдэхүүн хэсгийг нэмнэ үү

DHT11 -ийн температур ба чийгшлийг хянах, уншихын тулд бид түүнд зориулагдсан хэсгийг Visuino дээр нэмэх хэрэгтэй.

Бид мөн өгөгдлөөс вэб хуудас үүсгэх хэрэгтэй. Энэ хуудас нь ердөө л HTML текст баримт бичиг тул бид үүнийг форматлахдаа Текстийн бүрэлдэхүүн хэсгийг ашиглаж болно.

1. Бүрэлдэхүүн хэсгүүдийн багажны шүүлтүүрийн хайрцагт "dht" гэж бичээд "DHT11/21/22/AM2301 чийгшил ба термометр" хэсгийг сонгоно уу (Зураг 1).
2. Бүрэлдэхүүн хэсгийн хэрэгслийн хайрцгийн Шүүлтүүрийн хайрцагт "маягт" гэж бичээд "Форматлагдсан текст" бүрэлдэхүүн хэсгийг сонгоно уу (Зураг 2), дизайны талбарт оруулна уу.
3. FormattedText1 бүрэлдэхүүн хэсгийн "Хэрэгслүүд" товчийг дарна уу (Зураг 3)
4. Elements засварлагчийн баруун талд байгаа аналог элементийг сонгоод, зүүн талд байгаа "+" товчлуур дээр 2 удаа дарна уу (Зураг 4), үүнээс 2 ширхэгийг нэмнэ үү (Зураг 5)
5. "Элементүүд" засварлагчийг хаах

Алхам 7: Visuino -д: Серверийн хариу үйлдлийн форматтай текстийг тохируулна уу

Вэб клиент сервертэй холбогдоход үүсэх HTML текстийг бид зааж өгөх хэрэгтэй.

Би илгээсэн өгөгдлийн дараа хаагдах холболтыг зааж өгөх болно, мөн документэд "Refresh: 5" нэмж 5 секундын дараа дахин холбохыг (шинэчлэх) хөтөчид зааж өгөх болно. Ингэснээр вэб хуудас 5 секунд тутамд шинэчлэгдэх болно.

1. Дизайн хэсэгт FormattedText1 бүрэлдэхүүн хэсгийг сонгоно уу (Зураг 1)
2. Объектын байцаагчийн "Текст" шинж чанарыг сонгоод утгын хажууд байгаа "…" товчийг дарна уу (Зураг 1).
3. "Текст" засварлагчийн төрөлд: "HTTP/1.1 200 OK" "Агуулгын төрөл: текст/html" "Холболт: хаах" "Сэргээх: 5" "" """"""" Температур: %0 "" Чийгшил: %1 "" "" "(Зураг 2) %0 -ийг AnalogElement1 -ийн утгаар, %1 -ийг AnalogElement2 -ийн утгаар солино.
4. OK товчин дээр дарж харилцах цонхыг хаа

Алхам 8: Visuino дээр: DHT11 бүрэлдэхүүн хэсгийг холбоно уу

1. HumidityThermometer1 бүрэлдэхүүн хэсгийн "Температур" гаралтын зүүг FormattedText1 бүрэлдэхүүн хэсгийн AnalogElement1 -ийн "In" зүүтэй холбоно уу (Зураг 1)
2. HumidityThermometer1 бүрэлдэхүүн хэсгийн "чийгшил" гаралтын зүүг FormattedText1 бүрэлдэхүүн хэсгийн AnalogElement2 -ийн "In" зүүтэй холбоно уу (Зураг 2)
3. HumidityThermometer1 бүрэлдэхүүн хэсгийн "Мэдрэгч" зүүг Arduino бүрэлдэхүүн хэсгийн "Digital [2]" сувгийн "Дижитал" оролтын зүүтэй холбоно уу (Зураг 3)

Алхам 9: Visuino -д: Edge Detect бүрэлдэхүүн хэсгийг нэмж холбоно уу

Бид шинэ холболт хийх бүрт HTML текстийг илгээх шаардлагатай болдог. Илгээхээсээ өмнө бид вэб хөтөчид үр дүнг харахаас өмнө хүсэлт илгээх ёстой тул жаахан хүлээх хэрэгтэй. Үүнийг хийхийн тулд бид TCP/IP серверийн сокетийн "Холбогдсон" зүүтэй холбогдсон Delay бүрэлдэхүүн хэсгийг ашиглах болно.

1. Бүрэлдэхүүн хэсгийн хэрэгслийн хайрцгийн шүүлтүүрийн хайрцагт "саатал" гэж бичээд "Хойшлуулах" хэсгийг сонгоно уу (Зураг 1), дизайны талбарт оруулна уу.
2. Properties хэсэгт "Interval (uS)" өмчийн утгыг 200000 болгож тохируулна уу (Зураг 2)
3. "NodeMCU ESP-12" бүрэлдэхүүн хэсгийн "Modules. WiFi. Sockets. TCPServer1" -ийн "Холбогдсон" зүүг Delay1 бүрэлдэхүүн хэсгийн "In" зүү рүү холбоно уу (Зураг 3)
4. Delay1 бүрэлдэхүүн хэсгийн "Гарах" зүүг FormattedText1 бүрэлдэхүүн хэсгийн "Цаг" оролтын зүүтэй холбоно уу (Зураг 4)

Алхам 10: Visuino дээр: Форматлагдсан текстийн бүрэлдэхүүн хэсгийг холбож, хоцрох бүрэлдэхүүн хэсгийг нэмж холбоно уу

1. FormattedText1 бүрэлдэхүүн хэсгийн "Гарах" зүүг "NodeMCU ESP-12" бүрэлдэхүүн хэсгийн "Modules. WiFi. Sockets. TCPServer1" -ийн "In" зүүтэй холбоно уу (Зураг 1)
2. Бүрэлдэхүүн хэсгийн хэрэгслийн хайрцгийн шүүлтүүрийн хайрцагт "саатал" гэж бичээд "Хойшлуулах" хэсгийг сонгоно уу (Зураг 2), дизайны талбарт оруулна уу.
3. FormattedText1 бүрэлдэхүүн хэсгийн "Гарах" зүүг Delay2 бүрэлдэхүүн хэсгийн "In" зүүтэй холбоно уу (Зураг 3)
4. Delay2 бүрэлдэхүүн хэсгийн "Out" зүүг "NodeMCU ESP-12" бүрэлдэхүүн хэсгийн "Modules. WiFi. Sockets. TCPServer1" -ийн "Disconnect" оролтын зүүтэй холбоно уу (Зураг 4)

Delay бүрэлдэхүүн хэсэг нь текст илгээгдсэний дараахан сокетийг салгах болно.

Алхам 11: Arduino кодыг үүсгэх, хөрвүүлэх, байршуулах

1. Visuino дээр F9 товчийг дарна уу эсвэл 1 -р зурагт үзүүлсэн товчлуур дээр дарж Arduino кодыг үүсгээд Arduino IDE -ийг нээнэ үү.
2. NodeMCU модулийг USB кабелиар компьютерт холбоно уу
3. Энэхүү зааварт би танд үзүүлсэн шиг самбарын төрөл ба цуваа портыг сонгоно уу
4. Arduino IDE дээр Upload товчийг дарж кодыг эмхэтгэн байршуулна уу (Зураг 2)

Алхам 12: Тэгээд тогло …

Баяр хүргэе! Та Wi-Fi-ийн температур ба чийгшлийн вэб сервер хийсэн.

Зураг 1 болон видеон дээр холбогдсон, асаалттай төслийг харж болно. Би модулийг ажиллуулахын тулд жижиг USB Power Bank ашигласан.

4-р алхам дээрх төсөлд Wi-Fi сүлжээний цэгийнхээ SSID болон нууц үгийг зөв оруулсан эсэхээ шалгаарай

Хэрэв та компьютер эсвэл хөдөлгөөнт төхөөрөмж дээрээ вэб хөтөч нээгээд дараах үгийг бичнэ үү.

dht11server./

Enter дарахад та модулаар хэмжсэн температур, чийгшлийг харах болно. Унших нь 7 -р алхамд заасан 5 секунд тутамд шинэчлэгдэх болно.

Нэрийн төгсгөлд цэг нэмэхээ мартуузай, эс тэгвээс Windows домэйн нэрийг шийдвэрлэх боломжгүй болно

2 -р зураг дээр Visuino -ийн бүрэн диаграмыг харж болно.

Энэхүү зааварт зориулан миний бүтээсэн Visuino төслийг мөн хавсаргав. Та үүнийг Visuino дээрээс татаж аваад нээж болно: