Mājas automatizācija, izmantojot ieslodzījuma portālu: 9 soļi

2024 Autors: John Day | [email protected]. Pēdējoreiz modificēts: 2024-01-30 10:54

Šeit mēs izveidosim ļoti interesantu Captive Portal mājas automatizācijas projektu, izmantojot nodeMCU no nulles. Tātad, sāksim..

1. darbība. Sākotnējās deklarācijas

Pasludiniet nodeMCU IO tapas, lai veiktu darbību, galvenes failus un kodu DNS servera izveidei.. parādīts attēlā.

2. darbība. Html kods priekšgalā, t.i. Pieteikšanās lapa

Kā parādīts attēlā, deklarējiet html kodu virknes mainīgajā, ko mēs nosūtām galalietotājam, lai apstiprinātu piekļuves kodu.

*Lai noķertu lietotāja ievadītos datus, mēs izmantojam enkura rūti un tagu href

*Pamatā enkura tags tiek izmantots, lai tīmekļa lapai pievienotu citu tīmekļa lapu, un tags href nosaka saites galamērķi.

*Bet šeit mēs saņemam datus, kurus lietotājs ievadījis laukā Piekļuves kods, izmantojot enkura rūti un tagu href …

kā, es pieminēšu divas metodes, kā uztvert ievadi no tīmekļa saskarnes mūsu līdzekļiem programmētājiem.

3. darbība: izmantojiet WebServer.arg () un WebServer.on () metodes

Kā jau iepriekšējā solī minēju, es jums pastāstīšu divas dažādas metodes.

1) Izmantojot webServer.arg () metodi:

Šeit mēs norādām autofokusa atribūtu kopā ar elementu, kā parādīts attēlā, autofokuss ir tas, ka tas ir Būla atribūts, ja tas ir patiess, nozīmē to parādīt, lai nodrošinātu, ka ievades elements tiek fokusēts, ielādējot lapu.

un pēc tam servera objektā izsaucam metodi args (). Šī metode atgriezīs vaicājuma parametru skaitu, kas tika nodoti HTTP, un piemēros nosacījumus, lai attiecīgi veiktu darbības.

2) Izmantojot atribūtu un un href:

Šeit mēs norādām savus vadības elementus (piemēram, pogas) un piešķiram virkni, char, saiti, kuru vēlaties apstiprināt, izmantojot nosacījumus, un pēc tam mēs izsaucam vietni webServer.on (), lai saņemtu ievadi validācijai.

Kā parādīts..

4. darbība: ja lietotāja veidi ir nepareizi

Ko es biju izdarījis, vienkārši nomainiet esošo pieteikšanās lapas kodu un pievienojiet jaunu galveni, informējot, ka lietotājs ir ievadījis nepareizus akreditācijas datus.

Vispirms apstipriniet akreditācijas datus, ja tie ir nepareizi, novirziet lietotāju uz jaunu rediģētu pieteikšanās lapu, kurā parādīts kļūdas ziņojums.

Kā parādīts..

5. darbība. Kā pievienot attēlu savai tīmekļa lapai

Tas ir ļoti vienkārši, jo šeit mēs neuzglabājam savus attēlus fiziskā krātuvē, lai mēs varētu nodrošināt šī attēla iegūšanas ceļu, ko parasti darām html lapas gadījumā.

tāpēc mēs vienkārši konvertējam savus attēlus uz base64 un ielīmējam to mūsu lapas kodā, kā parādīts.

6. darbība: kādi komponenti mums ir vajadzīgi

1)- mezglsMCU

2)- Arduino IDE, lai zibspuldziMCU

3) -džempera vadi (F-2-F)

4) -Relay modulis

5)-Pārbaudīt viedtālruni vai klēpjdatoru ar WiFi

7. darbība: savienojumi

Pievienojiet releja moduli deklarētajām IO tapām kodā.

Pievienojiet releju elektriskajām iekārtām, kuras vēlaties kontrolēt, kā parādīts attēlā.

8. solis: tagad pārbaudiet un izbaudiet

9. darbība. Kods ir šeit

Lūdzu uzrakstiet savus vērtīgos komentārus..