Олзлогдсон портал ашиглан гэрийн автоматжуулалт: 9 алхам

2024 Зохиолч: John Day | [email protected]. Хамгийн сүүлд өөрчлөгдсөн: 2024-01-30 11:02

Энд бид nodeMCU -ийг эхнээс нь ашиглан Captive Portal дээр суурилсан гэрийн автоматжуулалтын маш сонирхолтой төслийг бүтээх болно. Тиймээс эхэлцгээе.

Алхам 1: Анхны мэдэгдэл

NodeMCU -ийн IO тээглүүрийг Action, Header Files болон DNS сервер үүсгэх кодыг гүйцэтгэхийн тулд зарлана.

Алхам 2: Front End -д зориулсан HTML код. Нэвтрэх хуудас

Зурагт үзүүлсэн шиг, хандалтын кодыг баталгаажуулахын тулд эцсийн хэрэглэгч рүү илгээдэг мөрт хувьсагчийн дотор html кодыг зарлана уу.

*Хэрэглэгчийн оруулсан өгөгдлийг эндээс авахын тулд бид зангуу самбар болон href хаягийг ашиглаж байна

*Үндсэндээ зангуу шошгыг вэб хуудсанд өөр вэб хуудас нэмэхэд ашигладаг бөгөөд 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)- Arduino IDE нь nodeMCU-г асаах болно

3) уян утас (F-2-F)

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

5)-WiFi ашиглах боломжтой ухаалаг гар утас эсвэл зөөврийн компьютерийг туршиж үзээрэй

Алхам 7: Холболтууд

Реле модулийг зарласан IO зүү дээр код дээр нэмнэ үү.

Реле -ийг зураг дээр үзүүлсэн шиг хянахыг хүсч буй цахилгаан төхөөрөмжид холбоно уу.

Алхам 8: Одоо туршиж үзээд сайхан өнгөрүүлээрэй

Алхам 9: Код энд байна

Үнэ цэнэтэй сэтгэгдлээ бичээрэй.