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

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

در اینجا ، ما یک پروژه بسیار جالب از اتوماسیون خانگی مبتنی بر Captive Portal با استفاده از nodeMCU از ابتدا ایجاد خواهیم کرد. بنابراین ، بیایید شروع کنیم..

مرحله 1: اعلامیه های اولیه

پین های IO nodeMCU را برای انجام Action ، Header Files و کد ایجاد سرور DNS اعلام کنید. در تصویر نشان داده شده است..

مرحله 2: کد HTML برای Front End I.e. صفحه ورود

همانطور که در تصویر نشان داده شده است ، کد html را در یک متغیر رشته اعلام کنید که برای اعتبارسنجی کد دسترسی به کاربر نهایی ارسال می کنیم.

*برای گرفتن اطلاعات وارد شده توسط کاربر در اینجا ما از anchor panel و href tag استفاده می کنیم

*اساساً تگ Anchor برای افزودن یک صفحه وب دیگر در صفحه وب استفاده می شود و تگ href مقصد پیوند را مشخص می کند.

*اما ، در اینجا ما داده های وارد شده توسط کاربر را در قسمت کد دسترسی از طریق Anchor Pane و تگ href دریافت می کنیم…

چگونه ، من به دو روش برای گرفتن ورودی از رابط وب به منظور برنامه نویسان اشاره می کنم.

مرحله 3: استفاده از روشهای WebServer.arg () و WebServer.on ()

همانطور که در مرحله قبل اشاره کردم ، دو روش مختلف را به شما می گویم.

1) با استفاده از روش webServer.arg ():

در اینجا ، ویژگی فوکوس خودکار و عنصر را همانطور که در تصویر نشان داده شده است ، مشخص می کنیم ،

کاری که فوکوس خودکار انجام می دهد این است که وقتی یک معنی صحیح است به معنای واقعی است ، اطمینان حاصل می کند که هنگام بارگذاری صفحه ، عنصر ورودی متمرکز می شود.

و سپس متد args () را روی شیء سرور فراخوانی می کنیم. این روش تعداد پارامترهای پرس و جو را که در HTTP ارسال شده است برمی گرداند و دستورات شرطی را برای انجام اقدامات مطابق با آن اعمال می کند.

2) با استفاده از و ویژگی href:

در اینجا ، ما عناصر کنترل خود (مانند دکمه ها) را در داخل مشخص می کنیم و یک رشته ، char ، پیوندی را که می خواهید با استفاده از دستورات شرطی اعتبار سنجی کنید ، اختصاص می دهیم و سپس با webServer.on () تماس می گیریم تا ورودی را برای اعتبارسنجی دریافت کنیم.

همانطور که نشان داده شده است..

مرحله 4: اگر کاربر اعتبارنامه اشتباه تایپ کند

کاری که من انجام داده بودم ، به سادگی کد صفحه ورود موجود را تغییر دهید و یک سرصفحه جدید اضافه کنید که به کاربر اطلاع می دهد که اطلاعات کاربری اشتباه وارد کرده است.

در صورت اشتباه بودن ابتدا اعتبارنامه را تأیید کنید ، کاربر را به صفحه ورود ویرایش شده جدید که پیام خطا را نشان می دهد هدایت کنید.

همانطور که نشان داده شده است..

مرحله 5: نحوه افزودن تصویر به صفحه وب خود

بسیار ساده است ، زیرا در اینجا ما تصاویر خود را در یک ذخیره فیزیکی ذخیره نمی کنیم تا مسیری را برای واکشی آن تصویر که معمولاً در مورد صفحه html انجام می دهیم ، ارائه دهیم.

بنابراین کاری که ما انجام می دهیم این است که به سادگی تصاویر خود را به base64 تبدیل کرده و همانطور که در تصویر نشان داده شده است در کد صفحه خود جایگذاری کنید.

مرحله 6: به چه اجزایی نیاز داریم

1)- nodeMCU

2)- Arduino IDE برای فلش nodeMCU

3) سیمهای جهنده (F-2-F)

4) -ماژول رله

5) -یک WiFi تلفن هوشمند یا لپ تاپ را برای آزمایش فعال کرده است

مرحله 7: اتصالات

ماژول رله را به پین های IO اعلام شده در کد اضافه کنید.

همانطور که در تصویر نشان داده شده است رله را به تجهیزات برقی که می خواهید کنترل کنید متصل کنید.

مرحله 8: اکنون تست کنید و لذت ببرید

مرحله 9: کد اینجاست

لطفا نظرات ارزشمند خود را بنویسید..