واجهة المستخدم لـ MicroPython: 9 خطوات

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

حصلت مؤخرًا على لوحة esp8266 وقمت بتثبيت MicroPython عليها. يمكن التحكم فيه عن طريق كتابة الأمر أو تحميل كود بيثون عليه.

لتثبيت MicroPython على esp8266 ، يرجى مراجعة https://MicroPython.org/download/#esp8266 أو

كود بايثون:

وقت الاستيراد

من دبوس استيراد الجهاز

led = Pin (2، Pin. OUT) // Pin 2 هو مؤشر LED على اللوحة.

انطلق()

led.on ()

الإصدار المختلف MicroPython ، ربما يكون الرمز مختلفًا.

من الرائع كتابة الأمر للتحكم في esp8266 ، لكنه لا يزال غير سهل الاستخدام. بصفتي مبرمج ويب ، أحب إنشاء واجهة باستخدام html و JavaScript.

لقد وجدت تطبيق Android OGT UI. إنه تطبيق مختلط. يمكنك إنشاء واجهة رسومية باستخدام Html و JavaScript. إنها تحاكي محطة ، وتتلقى جميع الرسائل النصية من MicroPython وتصفيتها ، وترسل فقط المعلومات المفيدة إلى JavaScript. باستخدام JavaScript ، يمكنك معالجة النتيجة بسهولة بالغة.

تأتي واجهة مستخدم OGT مع واجهة مستخدم تجريبية. لاختباره ، تحتاج إلى تنزيل رمز Python التجريبي ووضعه في MicroPython.

الخطوة 1: قم بتثبيت OTG UI

انتقل إلى google play وابحث عن "otg ui". قم بتثبيته. سوف تحتاج إلى بعض الأذونات.

الخطوة الثانية: تنزيل Main.zip

انتقل إلى https://www.otgui.com/home؟mc=download وقم بتنزيل main.py.

الخطوة 3: قم بتحميل Main.py إلى MicroPython الخاص بك

قم بتحميل main.py إلى MicroPython عن طريق الأمر:

ampy --port com5 ضع main.py

يمكنك اختباره من خلال المعجون والتأكد من عمل الكود.

الخطوة 4: قم بتوصيل Esp8266 بهاتف Android الخاص بك من خلال محول OTG

لأول مرة ، سيظهر مربع حوار ، حدد خانة الاختيار وانقر فوق زر موافق. ثم ستظهر واجهة المستخدم التجريبية. يمكنك النقر فوق زر التبديل للتحكم في تشغيل / إيقاف تشغيل الصمام.

الخطوة 5: إنشاء واجهة المستخدم الخاصة بك

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

الخطوة السادسة: تسجيل حساب

انتقل إلى www.otgui.com وانقر فوق "واجهات المستخدم الخاصة بي". ستظهر صفحة تسجيل الدخول ، انقر فوق "تسجيل". املأ جميع المعلومات وانقر

انقر فوق "تسجيل".

يمكنك الآن تسجيل الدخول بحسابك وكلمة المرور الافتراضية هي "123456" ، ويمكنك تغييرها لاحقًا.

الخطوة 7: إنشاء واجهة مستخدم جديدة

بعد تسجيل الدخول ، انقر فوق "واجهات المستخدم النصية". سيعرض كل واجهات المستخدم الخاصة بك.

• انقر فوق الزر "إضافة".
• أدخل جميع المعلومات.
• انقر فوق زر حفظ
• سيتم إنشاء واجهة مستخدم جديدة بها بعض التعليمات البرمجية.
• قم بتحرير الكود.

الخطوة 8: اختبر واجهة المستخدم

انقر فوق معاينة لرؤية النتيجة.

الخطوة 9: تحميل واجهة المستخدم على جهاز Android

ابحث عن رمز التطبيق في صفحة تفاصيل واجهة المستخدم الخاصة بك. ثم افتح المتصفح على جهاز Android واكتب "https:// localhost: 8889".

أدخل كود التطبيق وانقر على زر حفظ. أعد تشغيل تطبيق OTG UI.

سيقوم بتنزيل واجهة المستخدم على Android.