Мазмуну:

Туткун порталын колдонуу менен үйдү автоматташтыруу: 9 кадам
Туткун порталын колдонуу менен үйдү автоматташтыруу: 9 кадам

Video: Туткун порталын колдонуу менен үйдү автоматташтыруу: 9 кадам

Video: Туткун порталын колдонуу менен үйдү автоматташтыруу: 9 кадам
Video: Бектур АсановБиздин сотубуз жоюлбай туруп, Жапаровдун шайлоого катышканга моралдык укугу жок 2024, Ноябрь
Anonim
Туткун порталын колдонуу менен үйдү автоматташтыруу
Туткун порталын колдонуу менен үйдү автоматташтыруу
Туткун порталын колдонуу менен үйдү автоматташтыруу
Туткун порталын колдонуу менен үйдү автоматташтыруу
Туткун порталын колдонуу менен үйдү автоматташтыруу
Туткун порталын колдонуу менен үйдү автоматташтыруу

Бул жерде биз nodeMCUду нөлдөн баштап Captive Portal негизиндеги үй автоматташтыруу долбоорун түзөбүз.. Ошентип, баштайлы..

1 -кадам: Алгачкы декларациялар

Алгачкы декларациялар
Алгачкы декларациялар

NodeMCU IO казыктарын Action, Header Files жана DNS серверин түзүү кодун аткаруу үчүн жарыялагыла.. сүрөттө көрсөтүлгөн..

2 -кадам: Front End I.e. үчүн HTML коду. Кирүү Барагы

Front End I.e. үчүн HTML коду. Кирүү Барагы
Front End I.e. үчүн HTML коду. Кирүү Барагы

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

*Колдонуучу киргизген маалыматтарды кармоо үчүн биз бул жерде казык тактасын жана href тегин колдонобуз

*Негизинен Anchor теги веб -баракчанын ичине башка веб -баракчаны кошуу үчүн колдонулат жана href теги шилтемени көздөгөн жерин аныктайт.

*Бирок, бул жерде биз Колдонуу кодунун талаасына Anchor Pane жана href теги аркылуу колдонуучу киргизген маалыматтарды алып жатабыз …

кантип, мен веб -интерфейстен программисттердин аягына чейин киргизүүнүн эки ыкмасын айтам.

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

WebServer.arg () жана WebServer.on () методдорун колдонуу
WebServer.arg () жана WebServer.on () методдорун колдонуу
WebServer.arg () жана WebServer.on () методдорун колдонуу
WebServer.arg () жана WebServer.on () методдорун колдонуу

Мен мурунку кадамымда айткам, мен сизге эки башка ыкманы айтып берейин.

1) WebServer.arg () ыкмасын колдонуу менен:

Бул жерде биз автофокустун атрибутун элемент менен бирге сүрөттө көрсөтүлгөндөй көрсөтөбүз, Автофокустун мааниси - бул логикалык атрибут, эгерде бул чындык болсо, анда бул баракча жүктөлгөндө, киргизүү элементи фокусталат.

анан сервер объектиндеги args () ыкмасын чакырабыз. Бул ыкма HTTPде өткөн суроо параметрлеринин санын кайтарып берет жана ошого жараша аракеттерди аткаруу үчүн шарттуу билдирүүлөрдү колдонот.

2) жана href атрибутун колдонуу менен:

Бул жерде биз контролдук элементтерибизди (баскычтар сыяктуу) көрсөтөбүз жана шарттуу билдирүүлөрдү колдонуп текшерүүнү каалаган сапты, char, шилтемени дайындайбыз, андан кийин текшерүү үчүн киргизүүнү алуу үчүн webServer.on () деп атайбыз.

Көрсөтүлгөндөй..

4 -кадам: Эгерде Колдонуучу Туура эмес Ишеним грамоталарын жазса

Эгерде Колдонуучу Туура эмес Ишеним грамоталарын жазса
Эгерде Колдонуучу Туура эмес Ишеним грамоталарын жазса

Мен эмне кылдым, кирүү баракчасынын кодун жөн эле өзгөртүп, колдонуучунун туура эмес ишеним грамотасын киргизгенин билдирүүчү жаңы аталышты кошуңуз.

Адегенде туура эмес болсо, ишеним катты ырастаңыз, колдонуучуну ката билдирүүсүн көрсөткөн жаңы түзөтүлгөн кирүү барагына багыттаңыз.

Көрсөтүлгөндөй..

5 -кадам: Веб баракчаңызга сүрөттү кантип кошсо болот

Веб баракчаңызга сүрөттү кантип кошсо болот
Веб баракчаңызга сүрөттү кантип кошсо болот

Бул абдан жөнөкөй, анткени бул жерде биз сүрөттөрдү физикалык сактагычта сактабайбыз, андыктан биз html баракчасында болгон сүрөттү алуу үчүн жол беребиз.

Ошентип, биз эмне кылганыбыз жөн эле сүрөттөрүбүздү base64кө айландырып, көрсөтүлгөндөй биздин баракчанын кодуна чаптап коюңуз.

6 -кадам: Бизге кандай компоненттер керек?

1)- nodeMCU

2)- Arduino IDE nodeMCU жаркылдайт

3) -жумпер зымдар (F-2-F)

4) -Релейлик модулу

5) -Сыноо үчүн WiFi иштетилген смартфон же ноутбук

7 -кадам: Туташуулар

Байланыштар
Байланыштар

Коддогу жарыяланган IO казыктарына реле модулун кошуңуз.

Релени сүрөттө көрсөтүлгөндөй башкаргыңыз келген электр жабдууларына туташтырыңыз.

8 -кадам: Эми сынап көрүңүз жана ырахат алыңыз

Эми сынап көрүңүз жана ырахат алыңыз
Эми сынап көрүңүз жана ырахат алыңыз
Эми сынап көрүңүз жана ырахат алыңыз
Эми сынап көрүңүз жана ырахат алыңыз
Эми сынап көрүңүз жана ырахат алыңыз
Эми сынап көрүңүз жана ырахат алыңыз
Эми сынап көрүңүз жана ырахат алыңыз
Эми сынап көрүңүз жана ырахат алыңыз

9 -кадам: Код бул жерде

Сураныч, баалуу комментарийлериңизди жазыңыз..

Сунушталууда: