ـــــــــــ
هل تريد أن يكون هناك أجهزة استشعار مبعثرة في جميع أنحاء منزلك والحديقة التي تبلغ درجة حرارتها بانتظام إلى خادم مركزي ؟ بعد ذلك ، قد يكون مشروع إنترنت الأشياء نقطة انطلاق قوية بالنسبة لك ! يستخدم هذا المشروع ESP32 كجهاز تحكم يتصل بسهولة بشبكة WiFi الموجودة وينشئ خادم ويب .
عندما يصل أي جهاز متصل إلى خادم الويب هذا ، يقرأ ESP32 في درجة الحرارة والرطوبة النسبية من جهاز استشعار DHT11 و DHT22/ AM2302 ويرسله إلى متصفح الويب الخاص بذلك الجهاز بواجهة جميلة . هيا بنا نبدأ!
قد يبدو الأمر مخيفًا ، ولكن هناك بعض المفاهيم التي يجب أن تكون على دراية بها ، قبل الدخول في هذا المشروع . إذا كانت أي من المفاهيم الواردة أدناه غريبة عليك ، ففكر في القراءة من خلال هذا المشروع أولاً :
منتجات المشروع
الأسلاك - توصيل DHT11 DHT22 / AM2302 بـ ESP32 :
توصيل جهاز استشعار DHT11 / DHT22/ AM2302 بـ ESP32 بسيط إلى حد ما. ابدأ بوضع ESP32 على اللوح الخاص بك ، والتأكد من أن كل جانب من جوانب اللوحة على جانب منفصل من اللوح .
الآن ضع المستشعر على اللوحة إلى جانب ESP32. قم بتوصيل VCC دبوس على الاستشعار إلى دبوس 3.3V على ESP32 والأرضي إلى الأرضي . قم أيضًا بتوصيل دبوس بيانات المستشعر بدبوس D4 على ESP32. أخيرًا ، نحتاج إلى وضع مقاوم سحب يصل إلى 10KΩ بين VCC وخط البيانات لإبقائه مرتفعًا للاتصال الصحيح بين المستشعر و MCU . إذا صادفت لوحة مستشعر من المستشعر ، فلن تحتاج إلى إضافة أي سحب خارجي . لأنه يأتي مع المدمج في مقاوم السحب.
عندما تنتهي ، يجب أن يكون لديك شيء يشبه الرسم التوضيحي الموضح أدناه .
Create ESP32 Web Server using WiFi Station (STA) mode
الآن دعنا ننتقل إلى الأشياء المثيرة للاهتمام !
كما يوحي العنوان ، سنقوم بتكوين ESP32 في وضع Station (STA) ، وإنشاء خادم ويب لخدمة صفحات الويب لأي عميل متصل ضمن الشبكة الحالية .
قبل أن تتوجه لتحميل المخطط ، تحتاج إلى إجراء تغيير واحد لجعله يعمل من أجلك . تحتاج إلى تعديل المتغيرين التاليين باستخدام بيانات اعتماد الشبكة الخاصة بك ، حتى يتمكن ESP32 من إنشاء اتصال بالشبكة الحالية .
بمجرد الانتهاء من ذلك ، تابع المحاولة ورفع الكود البرمجي أدناه .
الوصول إلى خادم الويب :
بعد تحميل المخطط ، افتح Serial Monitor بمعدل سرعة 115200 . واضغط على الزر RESET في ESP32 . إذا كان كل شيء على ما يرام ، فسيؤدي ذلك إلى إخراج عنوان IP الحيوي الذي تم الحصول عليه من جهاز التوجيه الخاص بك وإظهار رسالة بدء خادم HTTP .
بعد ذلك ، قم بتحميل المستعرض وقم بتوجيهه إلى عنوان IP الموضح على الشاشة التسلسلية . يجب أن يقدم ESP32 صفحة ويب تعرض درجة الحرارة والرطوبة النسبية .
تصميم صفحة الويب لتبدو أكثر احترافية
غالبًا ما يتم تخويف المبرمجين أمثالنا – لكن القليل من الجهد قد يجعل صفحة الويب الخاصة بك تبدو أكثر جاذبية واحترافية . أدناه سوف تعطيك لقطة شاشة فكرة أساسية عما سنقوم به .
مدهش جدا ، أليس كذلك ؟ دون مزيد من اللغط ، دعونا نطبق بعض الأنماط على صفحة HTML السابقة الخاصة بنا . في البدء ، انسخ و الصق الكود الموجود بالأسفل لاستبدال وظيفة SendHTML () من الكود أعلاه . جرب الكود الجديد .
تحسين الكود البرمجي - تحديث الصفحة التلقائي :
أحد التحسينات التي يمكنك إجراؤها على الكود الخاص بنا هو تحديث الصفحة تلقائيًا لتحديث قيمة المستشعر .
مع إضافة علامة تعريف واحدة في مستند HTML الخاص بك ، يمكنك توجيه المستعرض لإعادة تحميل الصفحة تلقائيًا في فاصل زمني مقدم .
ضع هذا الرمز في علامة <head> في وثيقتك ، وستُعلِّم علامة meta tag المستعرض بالتحديث كل ثانيتين . أنيق جدا !
أنتهت !!!