Turinys:
- 1 žingsnis: pradinės deklaracijos
- 2 veiksmas: html kodas, skirtas priekinei daliai, t. Prisijungimo puslapis
- 3 veiksmas: naudokite metodus WebServer.arg () ir WebServer.on ()
- 4 veiksmas: jei vartotojo tipai neteisingi
- 5 veiksmas: kaip pridėti vaizdą prie savo tinklalapio
- 6 žingsnis: kokių komponentų mums reikia
- 7 žingsnis: jungtys
- 8 žingsnis: Dabar išbandykite ir mėgaukitės
- 9 žingsnis: kodas yra čia
2025 Autorius: John Day | [email protected]. Paskutinį kartą keistas: 2025-01-13 06:57
Čia mes sukursime labai įdomų „Captive Portal“namų automatizavimo projektą, naudojant „nodeMCU“nuo nulio. Taigi, pradėkime.
1 žingsnis: pradinės deklaracijos
Paskelbkite „nodeMCU“IO kaiščius, kad atliktumėte veiksmą, antraštės failus ir kodą DNS serveriui sukurti.. parodyta paveikslėlyje.
2 veiksmas: html kodas, skirtas priekinei daliai, t. Prisijungimo puslapis
Kaip parodyta paveikslėlyje, deklaruokite html kodą eilutės kintamajame, kurį siunčiame galutiniam vartotojui, kad patvirtintų prieigos kodą.
*Norėdami sugauti vartotojo čia įvestus duomenis, naudojame inkaro sritį ir žymą href
*Iš esmės Inkaro žyma naudojama norint pridėti kitą tinklalapį tinklalapyje, o žyma href apibrėžia nuorodos paskirtį.
*Bet čia mes gauname duomenis, kuriuos vartotojas įvedė lauke Prieigos kodas per Inkaro sritį ir href žymą …
kaip, aš paminėsiu apie du būdus, kaip sugauti įvestį iš žiniatinklio sąsajos į mūsų programuotojų pabaigą.
3 veiksmas: naudokite metodus WebServer.arg () ir WebServer.on ()
Kaip jau minėjau ankstesniame žingsnyje, aš jums pasakysiu du skirtingus metodus.
1) Naudojant metodą webServer.arg ():
Čia mes nurodome automatinio fokusavimo atributą kartu su elementu, kaip parodyta paveikslėlyje, Automatinis fokusavimas yra tas, kad jis yra loginis atributas, kai jis yra tikras, reiškia, kad jis užtikrina, kad įvesties elementas bus sufokusuotas, kai įkeliamas puslapis.
ir tada mes vadiname args () metodą serverio objekte. Šis metodas grąžins HTTP perduotų užklausos parametrų skaičių ir pritaikys sąlyginius teiginius, kad atitinkamai atliktų veiksmus.
2) Naudojant ir „href“atributą:
Čia mes nurodome savo valdymo elementus (pvz., Mygtukus) ir priskiriame eilutę, char, nuorodą, kurią norite patvirtinti naudodami sąlyginius teiginius, tada paskambiname į webServer.on (), kad gautume patvirtinimą.
Taip, kaip parodyta..
4 veiksmas: jei vartotojo tipai neteisingi
Ką aš padariau, tiesiog pakeiskite esamą prisijungimo puslapio kodą ir pridėkite naują antraštę, informuojančią, kad vartotojas įvedė neteisingus prisijungimo duomenis.
Pirmiausia patikrinkite prisijungimo duomenis, jei jie neteisingi, nukreipkite vartotoją į naują redaguotą prisijungimo puslapį, kuriame rodomas klaidos pranešimas.
Taip, kaip parodyta..
5 veiksmas: kaip pridėti vaizdą prie savo tinklalapio
Tai labai paprasta, nes čia mes nesaugome savo vaizdų fizinėje saugykloje, kad galėtume pateikti tą vaizdą, kurį paprastai darome HTML puslapio atveju.
Taigi mes tiesiog konvertuojame savo vaizdus į base64 ir įklijuojame į puslapio kodą, kaip parodyta.
6 žingsnis: kokių komponentų mums reikia
1)- mazgasMCU
2)- „Arduino IDE“, kad įjungtų mazgą MCU
3) -šokiniai laidai (F-2-F)
4) -Relės modulis
5)-Išbandykite „WiFi“išmanųjį telefoną ar nešiojamąjį kompiuterį
7 žingsnis: jungtys
Pridėkite relės modulį prie deklaruotų IO kaiščių kodu.
Prijunkite relę prie elektros įrangos, kurią norite valdyti, kaip parodyta paveikslėlyje.
8 žingsnis: Dabar išbandykite ir mėgaukitės
9 žingsnis: kodas yra čia
Parašykite savo vertingus komentarus..