אוטומציה ביתית באמצעות פורטל Captive: 9 שלבים

2024 מְחַבֵּר: John Day | [email protected]. שונה לאחרונה: 2024-01-30 09:14

כאן ניצור פרויקט מעניין מאוד של אוטומציה ביתית מבוססת Captive Portal באמצעות nodeMCU מאפס … אז נתחיל..

שלב 1: הצהרות ראשוניות

הצהירו על סיכות ה- IO של nodeMCU לביצוע פעולה, קבצי כותרות וקוד ליצירת שרת DNS..מוצג בתמונה..

שלב 2: קוד HTML לממשק קצה I.e. דף התחברות

כפי שמוצג בתמונה, הכריז על קוד HTML בתוך משתנה מחרוזת אותו אנו שולחים למשתמש הקצה לאימות קוד גישה.

*כדי לתפוס את הנתונים שהזין המשתמש כאן אנו משתמשים בחלונית עוגן ותגי href

*בעיקרון תג עוגן משמש להוספת דף אינטרנט נוסף בתוך דף אינטרנט ותג href מגדיר את יעד הקישור.

*אבל, כאן אנו מקבלים את הנתונים שהוזן על ידי המשתמש בתוך שדה קוד הגישה באמצעות חלונית עוגן ותגי 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 ל- flash nodeMCU

3) חוטי ג'מפר (F-2-F)

4) מודול ממסר

5)-סמארטפון או מחשב נייד המאפשר WiFi לבדיקה

שלב 7: חיבורים

הוסף מודול ממסר לסיכות IO המוצהרות בקוד.

חבר ממסר לציוד חשמלי שאתה רוצה לשלוט בו כפי שמוצג בתמונה.

שלב 8: עכשיו בדוק ותהנה

שלב 9: הקוד נמצא כאן

אנא כתוב את הערותיך היקרות..