Asir portal yordamida uy avtomatizatsiyasi: 9 qadam

2024 Muallif: John Day | [email protected]. Oxirgi o'zgartirilgan: 2024-01-30 13:25

Bu erda biz nodeMCU -ni noldan boshlab, Captive Portal -ga asoslangan uyni avtomatlashtirishning juda qiziqarli loyihasini yaratamiz.. Shunday qilib, boshlaylik..

1 -qadam: dastlabki deklaratsiyalar

NodeMCU ning IO pinlarini harakat, sarlavha fayllari va DNS serverini yaratish kodini bajarish uchun e'lon qiling.. rasmda ko'rsatilgan.

2 -qadam: Front End uchun HTML kod. Kirish sahifasi

Rasmda ko'rsatilgandek, kirish kodini tekshirish uchun oxirgi foydalanuvchiga yuboradigan html kodini mag'lubiyat o'zgaruvchisi ichida e'lon qiling.

*Foydalanuvchi kiritgan ma'lumotlarni olish uchun biz bu erda langar paneli va href tegidan foydalanamiz

*Asosan, Anchor tegi veb -sahifaga boshqa veb -sahifani qo'shish uchun ishlatiladi va href teg havolaning manzilini belgilaydi.

*Ammo, bu erda biz kirish kodi maydoniga foydalanuvchi Anchor Pane va href yorlig'i orqali kiritgan ma'lumotlarni olamiz …

Qanday qilib men veb -interfeysdan dasturchilar tugashini tushunishning ikkita usulini aytib o'taman.

3 -qadam: WebServer.arg () va WebServer.on () usullaridan foydalanish

Men oldingi bosqichda aytib o'tganimdek, men sizga ikki xil usulni aytib beraman.

1) webServer.arg () usuli yordamida:

Bu erda biz rasmda ko'rsatilgandek element bilan birga avtofokus atributini ko'rsatamiz.

Avtofokus nima qiladi, bu haqiqiy bo'lsa, bu mantiqiy atribut bo'lib, u sahifa yuklanganda kirish elementining diqqat markazida bo'lishini ta'minlaydi.

va keyin biz server ob'ektidagi args () usulini chaqiramiz. Bu usul HTTP -da o'tkazilgan so'rov parametrlari sonini qaytaradi va shunga mos ravishda amallarni bajarish uchun shartli iboralarni qo'llaydi.

2) va href atributidan foydalanib:

Bu erda biz boshqaruv elementlarimizni (tugmalar kabi) belgilaymiz va shartli iboralar yordamida tasdiqlamoqchi bo'lgan string, char, havolani belgilaymiz va keyin tekshirish uchun kirishni olish uchun webServer.on () ga qo'ng'iroq qilamiz.

Ko'rsatilganidek..

4 -qadam: Agar foydalanuvchi noto'g'ri hisob ma'lumotlarini yozsa

Men nima qilgan bo'lsam, kirish sahifasining mavjud kodini o'zgartiring va foydalanuvchi noto'g'ri hisob ma'lumotlarini kiritganligi haqida xabar bering.

Avval noto'g'ri ma'lumot bo'lsa, foydalanuvchini xato xabari ko'rsatiladigan yangi tahrirlangan kirish sahifasiga yo'naltiring.

Ko'rsatilganidek..

5 -qadam: Veb -sahifaga rasmni qanday qo'shish kerak

Bu juda oddiy, chunki bu erda biz rasmlarni jismoniy xotirada saqlamaymiz, shuning uchun biz odatda html sahifasida bo'lgan rasmni olish yo'lini ta'minlaymiz.

Shunday qilib, biz rasmlarimizni base64 -ga o'zgartiramiz va ko'rsatilgandek sahifa kodimizga joylashtiramiz.

6 -qadam: bizga qanday komponentlar kerak?

1)- nodeMCU

2)- nodeMCU-ni yoqish uchun Arduino IDE

3) -yuqori simlar (F-2-F)

4)-o'rni moduli

5)-Wi-Fi orqali ishlaydigan smartfon yoki noutbukni sinab ko'rish

7 -qadam: Ulanishlar

Kodda e'lon qilingan IO pinlariga o'z o'rni modulini qo'shing.

Röleyni rasmda ko'rsatilgandek boshqarishni xohlagan elektr jihozlariga ulang.

8 -qadam: Endi sinab ko'ring va zavqlaning

9 -qadam: Kod shu erda

Iltimos qimmatli fikrlaringizni yozib qoldiring..