Automatizimi në shtëpi duke përdorur Portalin e Kapur: 9 hapa

2024 Autor: John Day | [email protected]. E modifikuara e fundit: 2024-01-30 12:17

Këtu, ne do të krijojmë një projekt shumë interesant të automatizimit të shtëpisë të bazuar në Portën e Kapur duke përdorur nodeMCU nga e para.. Pra, le të fillojmë..

Hapi 1: Deklaratat fillestare

Shpallni kunjat IO të nodeMCU për të kryer Action, Header Files dhe kodin për krijimin e serverit DNS..shfaqet në imazh..

Hapi 2: Kodi HTML për Front End I.e. Faqja e hyrjes

Siç tregohet në figurë, deklaroni kodin html brenda një variabli vargu të cilin e dërgojmë te përdoruesi përfundimtar për vërtetimin e Kodit të Qasjes.

*Për të kapur të dhënat e futura nga përdoruesi këtu ne po përdorim panelin e ankorimit dhe etiketën href

*Në thelb etiketa Anchor përdoret për të shtuar një faqe tjetër në internet brenda faqes së internetit dhe etiketa href përcakton destinacionin e lidhjes.

*Por, këtu ne po marrim të dhënat e futura nga përdoruesi brenda fushës së Kodit të Qasjes përmes Anchor Pane dhe etiketës href…

si, unë do të përmend rreth dy metoda për të kapur hyrjen nga ndërfaqja e internetit në programuesit tanë të mjeteve tona.

Hapi 3: Përdorimi i metodave WebServer.arg () dhe WebServer.on ()

Siç, e përmenda në hapin e mëparshëm do t'ju tregoj dy metoda të ndryshme..

1) Duke përdorur metodën webServer.arg ():

Këtu, ne specifikojmë atributin e fokusimit automatik së bashku me elementin siç tregohet në figurë, ajo që bën fokusimi automatik është se është një atribut boolean kur është i vërtetë do të thotë që ai të sigurojë që elementi hyrës të fokusohet kur faqja ngarkohet.

dhe pastaj, ne e quajmë metodën args () në objektin e serverit. Kjo metodë do të kthejë numrin e parametrave të pyetjes që janë kaluar në HTTP dhe do të aplikojë deklarata të kushtëzuara për të kryer veprimet në përputhje me rrethanat.

2) Duke përdorur atributin dhe href:

Këtu, ne specifikojmë elementët tanë të kontrollit (si butonat) brenda dhe caktojmë një varg, char, lidhje të cilën dëshironi ta vërtetoni duke përdorur deklarata të kushtëzuara dhe më pas ne e quajmë webServer.on () për të marrë të dhënat për vlefshmëri.

Sic tregohet..

Hapi 4: Nëse Llojet e Përdoruesit Kredencialet e Gabuara

Ajo që kisha bërë, thjesht ndryshoni kodin ekzistues të faqes së hyrjes dhe shtoni një titull të ri që informon se përdoruesi kishte futur një kredenciale të gabuar.

Së pari vërtetoni kredencialet nëse është e gabuar drejtojeni përdoruesin në faqen e re të identifikimit të redaktuar që tregon mesazhin e gabimit.

Sic tregohet..

Hapi 5: Si të shtoni imazh në faqen tuaj në internet.

Isshtë shumë e thjeshtë, sepse këtu ne nuk po i ruajmë imazhet tona në një ruajtje fizike në mënyrë që të sigurojmë një rrugë për të marrë atë imazh që bëjmë zakonisht në rast të faqes html.

kështu që ajo që ne bëjmë është thjesht t'i shndërrojmë imazhet tona në base64 dhe t'i ngjisim në kodin e faqes sonë Siç tregohet..

Hapi 6: Cilat përbërës na duhen.

1)- nyjaMCU

2)- Arduino IDE për të ndezur nodeMCU

3) -Telët kërcyes (F-2-F)

4) -Folje module

5) -Një smartphone mund të testojë një smartphone ose laptop

Hapi 7: Lidhjet.

Shtoni modulin e stafetës në kunjat e deklaruar të IO në kod.

Lidheni Stafetë me pajisjet elektrike që dëshironi të kontrolloni siç tregohet në imazh..

Hapi 8: Tani Provoni dhe Gëzoni.

Hapi 9: Kodi është këtu.

Ju lutemi shkruani komentet tuaja të vlefshme..