Тұтқындау порталын қолданатын үйді автоматтандыру: 9 қадам

2024 Автор: John Day | [email protected]. Соңғы өзгертілген: 2024-01-30 10:24

Мұнда біз nodeMCU -ны нөлден бастап Captive Portal негізіндегі үй автоматтандырудың өте қызықты жобасын жасаймыз.. Ендеше, бастайық.

1 -қадам: Алғашқы декларациялар

NodeMCU IO түйреуіштерін Action, Header Files және DNS серверін құру кодын орындау үшін жариялаңыз.. суретте көрсетілген.

2 -қадам: Front End үшін Html коды. Кіру беті

Суретте көрсетілгендей, кіру кодын тексеру үшін соңғы пайдаланушыға жіберетін html кодын жол айнымалысы ішінде жариялаңыз.

*Бұл жерде пайдаланушы енгізген деректерді алу үшін біз бекітпе тақтасын және href тегін қолданамыз

*Негізінде Anchor тегі веб -беттің ішіне басқа веб -бетті қосу үшін қолданылады, ал href тегі сілтеменің тағайындалған орнын анықтайды.

*Бірақ біз мұнда кіру кодының өрісінде пайдаланушы Anchor Pane және href тегі арқылы енгізген деректерді аламыз …

қалай, мен веб -интерфейстен бағдарламашылар аяқтайтын құралға кіруді алудың екі әдісі туралы айтамын.

3 -қадам: WebServer.arg () және WebServer.on () әдістерін қолдану

Мен алдыңғы қадамда айттым, мен сізге екі түрлі әдісті айтамын.

1) webServer.arg () әдісін қолдану арқылы:

Мұнда біз автофокус атрибутын суретте көрсетілгендей элементпен бірге көрсетеміз, Автофокус бұл логикалық атрибут болып табылады, егер ол дұрыс болса, ол жүктелген кезде кіріс элементінің шоғырлануын қамтамасыз етеді.

содан кейін сервер нысанындағы args () әдісін шақырамыз. Бұл әдіс HTTP арқылы жіберілген сұрау параметрлерінің санын қайтарады және сәйкесінше әрекеттерді орындау үшін шартты мәлімдемелерді қолданады.

2) және href атрибутын қолдану арқылы:

Мұнда біз басқару элементтерін (түймелер сияқты) көрсетеміз және шартты операторларды қолданып тексергіңіз келетін жолды, char, сілтемені тағайындаймыз, содан кейін тексеру үшін енгізуді алу үшін webServer.on () қызметіне қоңырау шаламыз.

Көрсетілгендей..

4 -қадам: Егер пайдаланушы тіркелгі деректерін қате жазса

Мен не істедім, кіру бетінің бар кодын өзгертіңіз және пайдаланушының тіркелгі деректерін қате енгізгені туралы хабарлаңыз.

Алдымен тіркелгі деректерін растаңыз, егер қате болса, пайдаланушыны қате туралы хабарды көрсететін жаңа өңделген кіру бетіне бағыттаңыз.

Көрсетілгендей..

5 -қадам: Веб -бетке суретті қалай қосуға болады

Бұл өте қарапайым, өйткені біз мұнда суреттерді физикалық қоймада сақтамаймыз, осылайша біз html бетінде болған суретті алу жолын ұсынамыз.

сондықтан біз тек суреттерімізді base64 -ке түрлендіріп, оны көрсетілгендей біздің бет кодымызға қоюға болады.

6 -қадам: бізге қандай компоненттер қажет?

1)- nodeMCU

2)- nodeMCU жыпылықтау үшін Arduino IDE

3) -жамперлік сымдар (F-2-F)

4)-Реле модулі

5)-тестілеу үшін WiFi қосылған смартфон немесе ноутбук

7 -қадам: Қосылымдар

Реле модулін кодта мәлімделген IO түйреуіштеріне қосыңыз.

Релені басқарғыңыз келетін электр қондырғыларына суретте көрсетілгендей қосыңыз.

8 -қадам: Енді сынап көріңіз және ләззат алыңыз

9 -қадам: код осында

Бағалы пікірлеріңізді жазсаңыздар..