Kućna automatizacija pomoću zarobljenog portala: 9 koraka

2024 Autor: John Day | [email protected]. Zadnja promjena: 2024-01-30 09:35

Ovdje ćemo stvoriti vrlo zanimljiv projekt kućne automatizacije zasnovane na Captive Portalu koristeći nodeMCU ispočetka … Dakle, počnimo..

Korak 1: Početne deklaracije

Proglasite IO pinove nodeMCU -a za izvođenje radnje, datoteka zaglavlja i koda za stvaranje DNS poslužitelja..prikazanog na slici..

Korak 2: HTML kod za prednji kraj tj. Stranica za prijavu

Kao što je prikazano na slici, deklarirajte html kôd unutar string varijable koju šaljemo krajnjem korisniku radi provjere pristupnog koda.

*Za hvatanje podataka koje je korisnik unio ovdje koristimo sidro i href oznaku

*U osnovi se sidrena oznaka koristi za dodavanje još jedne web stranice unutar web stranice, a oznaka href definira odredište veze.

*No, ovdje primamo podatke koje je korisnik unio u polje pristupnog koda putem okna sidra i href oznake …

kako, spomenut ću dvije metode hvatanja unosa s web sučelja do naših programera.

Korak 3: Upotreba metoda WebServer.arg () i WebServer.on ()

Kao što sam spomenuo u prethodnom koraku, reći ću vam dvije različite metode.

1) Pomoću metode webServer.arg ():

Ovdje navodimo atribut autofokusa zajedno s elementom kao što je prikazano na slici, ono što autofokus radi jest da je booleov atribut kada je istinit, znači prisutan, osigurava da se ulazni element fokusira pri učitavanju stranice.

a zatim pozivamo metodu args () na poslužiteljskom objektu. Ova metoda će vratiti broj parametara upita koji su proslijeđeni na HTTP -u i primijeniti uvjetne izraze za izvršavanje radnji u skladu s tim.

2) Pomoću atributa i href:

Ovdje specificiramo naše kontrolne elemente (poput gumba) unutar i dodjeljujemo niz, char, vezu koju želite provjeriti pomoću uvjetnih izraza, a zatim pozivamo webServer.on () kako bismo primili ulaz za provjeru valjanosti.

Kao što je prikazano..

Korak 4: Ako korisnici unose pogrešne vjerodajnice

Ono što sam učinio, jednostavno promijenite postojeći kôd stranice za prijavu i dodajte novo zaglavlje obavještavajući da je korisnik unio pogrešne vjerodajnice.

Prvo provjerite vjerodajnice ako su pogrešne, usmjerite korisnika na novu uređenu stranicu za prijavu koja prikazuje poruku o pogrešci.

Kao što je prikazano..

Korak 5: Kako dodati sliku na svoju web stranicu

Vrlo je jednostavno jer ovdje ne spremamo naše slike u fizičku pohranu kako bismo osigurali put do dohvaćanja te slike koji obično radimo u slučaju html stranice.

pa ono što radimo je jednostavno pretvoriti naše slike u base64 i zalijepiti ih u kôd stranice.

Korak 6: Koje nam komponente trebaju

1)- čvorMCU

2)- Arduino IDE za bljeskanje čvoraMCU

3) žice za izvlačenje (F-2-F)

4) -Relejski modul

5) -Testofon ili prijenosno računalo s omogućenim WiFi-em

Korak 7: Veze

Dodajte relejni modul deklariranim IO pinovima u kodu.

Spojite relej na električnu opremu koju želite kontrolirati kao što je prikazano na slici.

Korak 8: Sada isprobajte i uživajte

Korak 9: Kôd je tu

Molimo vas da napišete svoje vrijedne komentare..