Orodha ya maudhui:
- Hatua ya 1: Azimio la Awali
- Hatua ya 2: Html Code ya Front End I.e. Ingia Ukurasa
- Hatua ya 3: Matumizi ya WebServer.arg () na WebServer.on () Njia
- Hatua ya 4: Ikiwa Aina za Mtumiaji Hati Zisizo sahihi
- Hatua ya 5: Jinsi ya Kuongeza Picha kwenye Ukurasa wako wa Wavuti.
- Hatua ya 6: Ni Vipengele Vipi Tunavyohitaji.
- Hatua ya 7: Miunganisho.
- Hatua ya 8: Sasa Jaribu na Furahiya.
- Hatua ya 9: Msimbo Uko Hapa.
Video: Uendeshaji wa Nyumbani Kutumia Portal ya Mateka: Hatua 9
2024 Mwandishi: John Day | [email protected]. Mwisho uliobadilishwa: 2024-01-30 12:51
Hapa, tutaunda mradi wa kupendeza wa Captive Portal based automatisering home using nodeMCU from scratch.. So, lets begin..
Hatua ya 1: Azimio la Awali
Tangaza pini za IO za nodeMCU kutekeleza Vitendo, Faili za Kichwa na nambari ya kuunda seva ya DNS.. imeonyeshwa kwa picha..
Hatua ya 2: Html Code ya Front End I.e. Ingia Ukurasa
Kama inavyoonyeshwa kwenye picha, tangaza nambari ya html ndani ya ubadilishaji wa kamba ambayo tunatuma kwa mtumiaji wa mwisho kwa uthibitisho wa Nambari ya Ufikiaji.
* Ili kupata data iliyoingizwa na mtumiaji hapa tunatumia kidirisha cha nanga na lebo ya href
* Kimsingi tag ya Anchor hutumiwa kuongeza ukurasa mwingine wa wavuti ndani ya ukurasa wa wavuti na lebo ya href inafafanua marudio ya kiunga.
* Lakini, hapa tunapokea data iliyoingizwa na mtumiaji ndani ya uwanja wa Msimbo wa Ufikiaji kupitia Pane ya Anchor na lebo ya href…
jinsi, nitataja juu ya njia mbili za kukamata pembejeo kutoka kwa kiolesura cha wavuti hadi programu zetu za mwisho zinaisha..
Hatua ya 3: Matumizi ya WebServer.arg () na WebServer.on () Njia
Kama, mimi kutaja katika hatua ya awali nitakuambia njia mbili tofauti..
1) Kwa Kutumia njia ya webServer.arg ():
Hapa, tunabainisha sifa ya autofocus pamoja na elementi kama inavyoonyeshwa kwenye picha, kile autofocus inachofanya ni kwamba ni sifa ya boolean wakati ni kweli inamaanisha kuihakikishia kuwa kipengee cha kuingiza kinazingatia wakati mizigo ya ukurasa.
na kisha, tunaita njia ya args () kwenye kitu cha seva. Njia hii itarudisha idadi ya vigezo vya hoja ambavyo vilipitishwa kwenye HTTP na kutumia taarifa za masharti kutekeleza vitendo ipasavyo.
2) Kwa Kutumia na sifa ya href:
Hapa, tunataja vitu vyetu vya kudhibiti (kama vifungo) ndani na kupeana kamba, char, kiunga ambacho unataka kuhalalisha kwa kutumia taarifa za masharti na kisha tunaita webServer.on () kupokea pembejeo kwa uthibitisho.
Kama inavyoonekana..
Hatua ya 4: Ikiwa Aina za Mtumiaji Hati Zisizo sahihi
Kile nilichokuwa nimefanya, badilisha tu nambari ya ukurasa wa kuingia iliyokuwepo na ongeza kichwa kipya kinachomjulisha mtumiaji huyo kuwa ameweka kitambulisho kibaya..
Kwanza thibitisha kitambulisho ikiwa ni makosa elekeza mtumiaji kwa ukurasa mpya wa kuingia uliohaririwa unaoonyesha ujumbe wa makosa.
Kama inavyoonekana..
Hatua ya 5: Jinsi ya Kuongeza Picha kwenye Ukurasa wako wa Wavuti.
Ni rahisi sana, kwa sababu hapa hatuhifadhi picha zetu kwa uhifadhi wa mwili ili tuweze kutoa njia ya kuchukua picha hiyo ambayo kawaida tunafanya ikiwa kuna ukurasa wa html.
kwa hivyo tunachofanya ni kubadilisha picha zetu kuwa base64 na kuzibandika kwenye nambari yetu ya ukurasa Kama inavyoonyeshwa..
Hatua ya 6: Ni Vipengele Vipi Tunavyohitaji.
1) - nodiMCU
2) - Arduino IDE kuangazia nodeMCU
3) waya za kuruka (F-2-F)
4) -Relay Module
5) -WiFi-smartphone iliyowezeshwa au kompyuta ndogo kujaribu
Hatua ya 7: Miunganisho.
Ongeza moduli ya kusambaza kwa pini zilizotangazwa za IO kwa kificho.
Unganisha Kupeleka kwa vifaa vya umeme unayotaka kudhibiti kama inavyoonyeshwa kwenye picha..
Hatua ya 8: Sasa Jaribu na Furahiya.
Hatua ya 9: Msimbo Uko Hapa.
Tafadhali andika maoni yako ya thamani..
Ilipendekeza:
Msaidizi wa Google - Uendeshaji wa Nyumbani Iot Kutumia Esp8266: Hatua 6
Msaidizi wa Google | Uendeshaji wa Nyumbani Iot Kutumia Esp8266: Katika maagizo haya nitakuonyesha msaidizi wa google anayedhibitiwa kiotomatiki nyumbani
Uendeshaji wa Nyumbani Kutumia MQTT na ESP8266: Hatua 6
Uendeshaji wa Nyumbani Kutumia MQTT na ESP8266: Siku hizi, otomatiki ya Nyumbani ni enzi ya kuibuka na kujitokeza kwa IoT (Mtandao wa Vitu). Kila mtu anajaribu kugeuza nyumba kwa njia fulani basi hiyo inaweza kudhibitiwa kijijini au mwongozo. Na ambayo hufanya maisha kuwa rahisi kwao.Kuna mbinu za wanadamu za kudhibiti
Uendeshaji wa Nyumbani Kutumia Msaidizi wa Google na Adafruit IO: 3 Hatua
Automation ya Nyumbani Kutumia Msaidizi wa Google na Adafruit IO: Msaidizi wa Google ni AI (Artificial Intelligence) huduma ya amri ya sauti. Kutumia sauti, tunaweza kuwasiliana na msaidizi wa google na inaweza kutafuta kwenye wavuti, kupanga ratiba ya matukio, kuweka kengele, kudhibiti vifaa, n.k Huduma hii inapatikana kwenye sma
Uendeshaji wa Nyumbani Kutumia Blynk: Hatua 5
Otomatiki ya Nyumbani Kutumia Blynk: Halo kila mtu! Ayush na Anvit hapa kutoka Shule ya Umma ya Delhi, Pune. Kama unavyoweza kusoma katika kichwa, huu ni mradi wa otomatiki wa nyumbani uliotengenezwa kwa kutumia Blynk kama jukwaa la IOT. Siku hizi watu wanakuwa wavivu na mahitaji ya Vifaa vya Nyumbani
Kuanza na Uendeshaji wa Nyumbani: Kufunga Msaidizi wa Nyumbani: Hatua 3
Kuanza na Uendeshaji wa Nyumbani: Kufunga Msaidizi wa Nyumbani: Sasa tutaanzisha safu ya otomatiki ya nyumbani, ambapo tutaunda nyumba nzuri ambayo itaturuhusu kudhibiti vitu kama taa, spika, sensorer na kadhalika kutumia kitovu cha kati pamoja na msaidizi wa sauti. Katika chapisho hili, tutajifunza jinsi ya kuingiza