ESP8266 و Visuino: DHT11 دما و رطوبت سرور وب: 12 مرحله

2024 نویسنده: John Day | [email protected]. آخرین اصلاح شده: 2024-01-30 08:52

ماژول های 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. Power (سیم قرمز) ، Ground (سیم مشکی) و Data (سیم خاکستری) را به ماژول DHT11 وصل کنید (تصویر 1 2 نوع مختلف ماژول سنسور DHT11 را نشان می دهد. همانطور که می بینید ممکن است پین ها متفاوت باشند ، بنابراین با دقت وصل شوید!)
2. انتهای دیگر سیم زمین (سیم سیاه) را به پایه زمین ماژول ESP8266 وصل کنید (تصویر 2)
3. انتهای دیگر سیم برق (سیم قرمز) را به پین برق 3.3 ولت ماژول ESP8266 وصل کنید (تصویر 2)
4. انتهای دیگر سیم داده (سیم خاکستری) را به پین دیجیتال 2 ماژول ESP8266 وصل کنید (تصویر 3)
5. تصویر 4 محل اتصال زمین ، توان 3.3 ولت و دیجیتال 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. روی دکمه "Tools" در جزء Arduino (تصویر 1) در Visuino کلیک کنید
3. هنگامی که محاوره ظاهر می شود ، "NodeMCU ESP-12" را همانطور که در تصویر 2 نشان داده شده است ، انتخاب کنید

مرحله 4: در Visuino: نام میزبان و نقطه دسترسی را تعیین کنید

ابتدا باید ماژول را برای اتصال به Access Point موجود و اختصاص HostName به آن پیکربندی کنیم تا بتوانیم آن را در شبکه کشف کنیم.

1. در Object Inspector ، ویژگی "Modules" و سپس ویژگی فرعی "WiFi" را گسترش دهید
2. در Object Inspector مقدار ویژگی "HostName" را روی "dht11server" تنظیم کنید (تصویر 1)
3. در Object Inspector ، ویژگی فرعی "AccessPoints" "WiFi" را گسترش دهید و روی دکمه "…" در کنار مقدار آن کلیک کنید (تصویر 2)
4. در ویرایشگر "AccessPoins" ، "WiFi Access Point" را در نمای راست انتخاب کنید و سپس روی دکمه "+" در سمت چپ کلیک کنید تا نقطه دسترسی اضافه شود (تصویر 2)
5. در Object Inspector ، مقدار ویژگی "SSID" را به SSID Wi-Fi Hotspot (نقطه دسترسی) خود (تصویر 4) تنظیم کنید.
6. اگر Wi-Fi Hotspot (نقطه دسترسی) شما به گذرواژه نیاز دارد ، در Object Inspector ، رمز عبور را در مقدار ویژگی "Password" (تصویر 4) تنظیم کنید.
7. گفتگوی "AccessPoints" را ببندید

مرحله 5: در Visuino: یک سوکت سرور TCP/IP برای ارتباط اضافه کنید

در مرحله بعد باید یک سوکت TCP/IP Server برای ارتباط اضافه کنیم.

1. در Object Inspector ، روی دکمه "…" در کنار مقدار ویژگی فرعی "سوکت" WiFi کلیک کنید (تصویر 1)
2. در ویرایشگر سوکت ها "TCP/IP Server" را انتخاب کنید و سپس روی دکمه "+" (تصویر 2) کلیک کنید تا یکی اضافه شود (تصویر 3)
3. گفتگوی "سوکت" را ببندید

مرحله 6: در Visuino: DTH11 و جزء متن قالب بندی شده را با 2 کانال آنالوگ اضافه کنید

برای کنترل و خواندن دما و رطوبت از DHT11 ، ما باید جزء آن را در Visuino اضافه کنیم.

ما همچنین باید صفحه وب را از داده ها تولید کنیم. صفحه فقط یک سند متنی HTML است ، بنابراین می توانیم از مولفه Text Formatted برای تولید آن استفاده کنیم.

1. "dht" را در کادر فیلتر جعبه ابزار کامپوننت تایپ کنید ، سپس م "لفه "رطوبت و دماسنج DHT11/21/22/AM2301" (تصویر 1) را انتخاب کرده و آن را در قسمت طراحی رها کنید.
2. "form" را در کادر Filter جعبه ابزار کامپوننت تایپ کنید ، سپس م "لفه "Text Formatted Text" (تصویر 2) را انتخاب کرده و آن را در قسمت طراحی رها کنید.
3. روی دکمه "Tools" جزء FormattedText1 (تصویر 3) کلیک کنید
4. در ویرایشگر عناصر ، عنصر آنالوگ در سمت راست را انتخاب کرده و 2 بار روی دکمه "+" در سمت چپ (تصویر 4) کلیک کنید تا 2 مورد از آنها اضافه شود (تصویر 5)
5. ویرایشگر "Elements" را ببندید

مرحله 7: در Visuino: تنظیم متن قالب بندی شده برای پاسخ سرور

ما باید متن HTML را که هنگام اتصال یک سرویس گیرنده وب به سرور ایجاد می شود ، مشخص کنیم.

ما اتصال را پس از داده هایی که ارسال کرده ام بسته می شود ، مشخص می کنیم و همچنین با افزودن "Refresh: 5" به سند ، مرورگر را وادار می کنیم که پس از 5 ثانیه دوباره متصل شود (Refresh). به این ترتیب صفحه وب هر 5 ثانیه بازخوانی می شود.

1. در قسمت طراحی ، جزء FormattedText1 را انتخاب کنید (تصویر 1)
2. در Object Inspector ، ویژگی "Text" را انتخاب کرده و روی دکمه "…" در کنار مقدار آن کلیک کنید (تصویر 1)
3. در ویرایشگر "Text" تایپ کنید: "HTTP/1.1 200 OK" "Content-Type: text/html" "Connection: close" "Refresh: 5" "" """"""" دما:٪ 0 "" رطوبت:٪ 1 "" "" (تصویر 2)٪ 0 با مقدار AnalogElement1 و٪ 1 با مقدار از AnalogElement2 جایگزین می شود
4. روی دکمه OK کلیک کنید تا محاوره بسته شود

مرحله 8: در Visuino: قطعه DHT11 را وصل کنید

1. پین خروجی "دما" قطعه HumidityThermometer1 را به پین "In" عنصر AnalogElement1 جزء FormattedText1 وصل کنید (تصویر 1)
2. پین خروجی "Humidity" مولفه HumidityThermometer1 را به پین "In" عنصر AnalogElement2 جزء FormattedText1 وصل کنید (تصویر 2)
3. پین "Sensor" م componentلفه HumidityThermometer1 را به پین ورودی "Digital" کانال "Digital [2]" جزء آردوینو وصل کنید (تصویر 3)

مرحله 9: در Visuino: افزودن و اتصال اجزای تشخیص لبه

ما باید هر بار که یک اتصال جدید وجود دارد ، متن HTML را ارسال کنیم. قبل از ارسال ، باید کمی منتظر بمانیم زیرا مرورگرهای وب باید درخواست خود را قبل از اینکه نتیجه را ببینند ارسال کنند. برای انجام این کار از کامپوننت Delay متصل به پین "Connected" سوکت سرور TCP/IP استفاده می کنیم.

1. "تأخیر" را در فیلتر فیلد جعبه ابزار کامپوننت تایپ کنید ، سپس م "لفه "تاخیر" (تصویر 1) را انتخاب کرده و آن را در قسمت طراحی رها کنید.
2. در Properties مقدار ویژگی "Interval (uS)" را روی 200000 تنظیم کنید (تصویر 2)
3. پین "Connected" "Modules. WiFi. Sockets. TCPServer1" جزء "NodeMCU ESP-12" را به پین "In" جزء Delay1 وصل کنید (تصویر 3)
4. پین "Out" جزء Delay1 را به پین ورودی "Clock" جزء FormattedText1 وصل کنید (تصویر 4)

مرحله 10: در Visuino: کامپوننت متن قالب بندی شده را متصل کرده و کامپوننت تأخیر را اضافه و وصل کنید

1. پین "Out" م componentلفه FormattedText1 را به پین "In" "Modules. WiFi. Sockets. TCPServer1" جزء "NodeMCU ESP-12" وصل کنید (تصویر 1)
2. "تأخیر" را در فیلتر فیلد جعبه ابزار کامپوننت تایپ کنید ، سپس م "لفه "تاخیر" را انتخاب کنید (تصویر 2) ، و آن را در قسمت طراحی رها کنید.
3. پین "Out" جزء FormattedText1 را به پین "In" جزء Delay2 وصل کنید (تصویر 3)
4. پین "Out" جزء Delay2 را به پین ورودی "Disconnect" "Modules. WiFi. Sockets. TCPServer1" از مولفه "NodeMCU ESP-12" وصل کنید (تصویر 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 کوچک استفاده کردم.

مطمئن شوید که در پروژه مرحله 4 SSID و رمز عبور صحیح را برای نقطه اتصال Wi-Fi خود وارد کرده اید

اگر مرورگر وب را در رایانه یا دستگاه تلفن همراه خود باز می کنید ، و تایپ کنید:

dht11server./

و Enter را فشار دهید ، دما و رطوبت اندازه گیری شده توسط ماژول را خواهید دید. قرائت هر 5 ثانیه مطابق با مرحله 7 بازخوانی می شود.

اطمینان حاصل کنید که نقطه را در انتهای نام اضافه کنید ، در غیر این صورت ویندوز نمی تواند نام دامنه را حل کند

در تصویر 2 می توانید نمودار Visuino کامل را مشاهده کنید.

همچنین پروژه Visuino ، که برای این دستورالعمل ایجاد کرده ام ، ضمیمه شده است. می توانید آن را در Visuino بارگیری و باز کنید: