أجهزة التحكم عبر الإنترنت من خلال المتصفح. (إنترنت الأشياء): 6 خطوات

2024 مؤلف: John Day | [email protected]. آخر تعديل: 2024-01-30 07:40

سأوضح لك في هذا Instructable كيف يمكنك التحكم في الأجهزة مثل المصابيح والمرحلات والمحركات وما إلى ذلك عبر الإنترنت من خلال متصفح الويب. ويمكنك الوصول إلى عناصر التحكم بأمان عبر أي جهاز. منصة الويب التي استخدمتها هنا هي RemoteMe.org ، قم بزيارة الصفحة لمعرفة المزيد عنها.

تأكد من الرجوع إلى الصور التي ستساعدك على فهم العملية بشكل أفضل.

لذلك دعونا نبدأ.

الخطوة 1: الأشياء التي سوف تحتاجها: -

لهذا المشروع سوف تحتاج: -

1. ESP8266 (NodeMCU) رابط لـ USLink لأوروبا
2. LEDLink لـ USLink لأوروبا
3. اضغط على ButtonLink لـ USLink لأوروبا
4. Breadboard. Link لـ USLink لأوروبا

برمجة:-

1. اردوينو IDE
2. حساب على RemoteMe.

لاحظ أنه يمكنك استخدام Arduino أو Raspberry-pi للمشروع إذا لم يكن لديك NodeMCU.

الخطوة 2: إعداد Arduino IDE: -

أولاً للعمل مع NodeMCU Esp8266 ، يجب عليك إضافة اللوحات إلى IDE إذا لم تكن قد قمت بذلك بالفعل ، تحقق من Instructable هنا.

بعد إتاحة المجالس في IDE ، هناك بعض المكتبات اللازمة لهذا المشروع.

لتثبيت هذه المكتبات: -

افتح IDE وانتقل إلى >> Sketch >> Include Library >> إدارة المكتبات. يجب أن تظهر نافذة منبثقة. هنا سوف تبحث عن المكتبات المطلوبة

قائمة المكتبات: -

1. RBD_Timer.h
2. RBD_Button.h
3. RemoteMe.h
4. ESP8266WiFi.h
5. ESP8266WiFiMulti.h
6. اردوينو

قم بتثبيت هذه واحدة تلو الأخرى وأعد تشغيل IDE عند الانتهاء.

مع ذلك فإن IDE جاهز للاستخدام.

الخطوة 3: إعداد الصفحة على RemoteMe: -

لاستخدام RemoteMe ، عليك أولاً التسجيل حتى تتمكن من إنشاء صفحات الويب الخاصة بك والبدء في التحكم في الأجهزة.

انتقل إلى RemoteMe.org وانقر فوق "التطبيق" ، ثم انتقل إلى الاشتراك وأدخل التفاصيل الخاصة بك واضغط على تسجيل

سيتم الترحيب بك بصفحة ترحيب ، والآن إلى الجانب الأيسر في القائمة ، حدد "الأجهزة"

على الجانب الأيمن سترى خيارًا يسمى "جهاز جديد" ، وبالضغط عليه سيعطيك قائمة منسدلة ، وهنا اختر "صفحة ويب جديدة"

الآن أعطيت اسمًا ومعرف الجهاز ، وقد سميته "LED" وأعطيت معرف الجهاز "203". (معرف الجهاز هو الرقم الفريد الذي سيميز بين الأجهزة المختلفة.)

تأكد من تعيين مفتاح التبديل على "نشط" واضغط على "إرسال". سيظهر على الصفحة جهاز جديد يسمى LED برقم تعريف الجهاز 203. حدد الآن السهم لأسفل على الجانب الأيمن من الجهاز وسترى فتحة فارغة حيث يمكنك إنشاء صفحات ويب

انتقل إلى صفحة GitHub هذه. يجب عليك سحب ثلاثة ملفات (index.html و scripts.js & styles.css) وإفلاتها واحدة تلو الأخرى في الفتحة الفارغة بجهازك وتكون قد انتهيت

الخطوة 4: تحميل الكود على MCU: -

لقد قدمت أدناه الرمز الذي تحتاجه لإنجاح المشروع.

قبل أن تتمكن من تحميل الكود ، هناك بعض التغييرات الطفيفة التي يجب عليك إجراؤها في الكود.

بمجرد فتح الرمز في IDE ، يجب عليك إدخال اسم WiFi وكلمة المرور في الحقل المطلوب حتى تتمكن اللوحة من الاتصال بشبكتك.

قم بإجراء التغييرات على الجزء التالي من الكود: -

#define WIFI_NAME "أدخل اسم WiFi" #define WIFI_PASSWORD "أدخل كلمة مرور WiFi" #define DEVICE_ID 203 #define DEVICE_NAME "LED" #define TOKEN "أدخل رمز المصادقة"

للحصول على رمز المصادقة ، انتقل إلى Remoteme.org >> التطبيقات >> الرموز (في القائمة الموجودة على الجانب الأيسر من الأجهزة أدناه)

انسخ الرمز والصقه في الرمز.

الآن قم بتوصيل NodeMCU بجهاز الكمبيوتر الخاص بك ، حدد المنفذ الصحيح وقم بتحميل الرمز.

الخطوة 5: التوصيلات: -

اتبع الصورة أعلاه لإجراء الاتصالات: -

LED متصل بـ Pin D5 من MCU.

زر الضغط متصل بـ Pin D2.

استخدم المقاوم المتسلسل مع LED لمنع تلف LED.

الخطوة 6: الاختبار: -

الآن لقد أكملت المشروع بنجاح. حان الوقت لاختبار البناء.

أولاً للتحقق مما إذا كانت التوصيلات صحيحة ، اضغط على زر الضغط وسترى مؤشر LED قيد التشغيل ، سيؤدي الضغط على الزر مرة أخرى إلى إيقاف تشغيل مؤشر LED

توجه الآن إلى موقع RemotMe وافتح التطبيق الخاص بك. قم بتسجيل الدخول باستخدام الحساب الذي قمت بتسجيل الدخول به

انتقل الآن إلى الأجهزة وحدد الجهاز الذي أنشأته للتو. لاحظ أن رمز ارتباط الاتصال على الجانب الأيسر قبل تحول معرف الجهاز إلى اللون الأخضر مما يشير إلى أن لوحة ESP متصلة بالخادم

انقر الآن على ملف "index.html" وحدد "فتح في علامة تبويب جديدة" ، في علامة تبويب جديدة ستظهر صفحة ويب بدائرة. يمكنك النقر فوق الدائرة لتشغيل وإيقاف تشغيل LED

للتحكم في مؤشر LED الخاص بك باستخدام الهاتف الذكي. انتقل مرة أخرى إلى صفحة الجهاز وانقر على "index.html". هذه المرة حدد الخيار الأخير "الحصول على رابط مجهول …" ، ستظهر نافذة منبثقة بها رابط يمكنك فتحه في أي هاتف ذكي للتحكم في مؤشر LED دون الحاجة إلى تسجيل الدخول في كل مرة

خيار أفضل ، يمكنك تحديد خيار QR بجوار الرابط مباشرة. وقم بمسح QR باستخدام جهاز Android أو iPhone الخاص بك وسيتم إعادة توجيهك إلى صفحة الويب ذات الدائرة

تحقق من عرض الفيديو لترى كيف يعمل.

أتمنى أن يعجبك المشروع ، إذا كان لديك أي أسئلة فلا تتردد في طرحها في التعليقات.

اشكرك.