Captive Portal Kullanarak Ev Otomasyonu: 9 Adım

2024 Yazar: John Day | [email protected]. Son düzenleme: 2024-01-30 13:18

Burada, sıfırdan nodeMCU kullanarak Captive Portal tabanlı ev otomasyonunun çok ilginç bir projesini oluşturacağız.. O halde başlayalım..

Adım 1: İlk Bildirimler

Eylem, Başlık Dosyaları ve DNS sunucusu oluşturmak için kod gerçekleştirmek için nodeMCU'nun IO pinlerini bildirin.. resimde gösterilmiştir..

Adım 2: Ön Uç I.e. için Html Kodu Giriş sayfası

Erişim kodunun doğrulanması için son kullanıcıya gönderdiğimiz bir string değişken içinde html kodunu resimde gösterildiği gibi tanımlayın.

*Burada kullanıcı tarafından girilen verileri yakalamak için bağlantı bölmesi ve href etiketi kullanıyoruz

*Temel olarak Anchor etiketi, web sayfasına başka bir web sayfası eklemek için kullanılır ve href etiketi, bağlantının hedefini tanımlar.

*Ancak, burada Erişim Kodu alanına kullanıcının girdiği verileri Anchor Pane ve href etiketi aracılığıyla alıyoruz…

nasıl, web arayüzünden girdiyi yakalamanın iki yönteminden bahsedeceğim, programcılarımızın sonlarına kadar..

Adım 3: WebServer.arg() ve WebServer.on() Yöntemlerinin Kullanımı

Bir önceki adımda bahsettiğim gibi size iki farklı yöntem anlatacağım..

1) webServer.arg() yöntemini kullanarak:

Burada, resimde gösterildiği gibi öğe ile birlikte otomatik odaklama özelliğini belirtiyoruz, otomatik odaklamanın yaptığı şey, true olduğunda bunun bir boolean özniteliği olmasıdır, sayfa yüklendiğinde giriş öğesinin odaklanmasını sağlar.

ve ardından sunucu nesnesinde args() yöntemini çağırırız. Bu yöntem, HTTP'de geçirilen sorgu parametrelerinin sayısını döndürür ve buna göre eylemleri gerçekleştirmek için koşullu ifadeler uygular.

2) ve href niteliğini kullanarak:

Burada kontrol elemanlarımızı (düğmeler gibi) içinde belirliyoruz ve koşullu ifadeler kullanarak doğrulamak istediğiniz bir string, char, link atadık ve ardından doğrulama için girdiyi almak için webServer.on()'u çağırıyoruz.

Gosterildigi gibi..

Adım 4: Kullanıcı Yanlış Kimlik Bilgileri Girerse

Yaptığım şey, sadece mevcut giriş sayfası kodunu değiştirin ve kullanıcının yanlış bir kimlik bilgisi girdiğini bildiren yeni bir başlık ekleyin.

Önce kimlik bilgilerini doğrulayın, eğer yanlışsa, kullanıcıyı hata mesajı gösteren yeni düzenlenmiş giriş sayfasına yönlendirin.

Gosterildigi gibi..

Adım 5: Web Sayfanıza Nasıl Resim Eklenir.

Çok basit, çünkü burada resimlerimizi fiziksel bir depoda saklamıyoruz, böylece genellikle html sayfası durumunda yaptığımız resmi almak için bir yol sağlıyoruz.

yani yaptığımız şey sadece resimlerimizi base64'e dönüştürmek ve gösterildiği gibi sayfa kodumuza yapıştırmak..

Adım 6: İhtiyacımız Olan Bileşenler.

1)- düğümMCU

2)- Arduino IDE nodeMCU'yu flaş etmek için

3)-jumper kabloları (F-2-F)

4)-Röle Modülü

5)-Test etmek için WiFi özellikli bir akıllı telefon veya dizüstü bilgisayar

Adım 7: Bağlantılar.

Kodda belirtilen IO pinlerine röle modülü ekleyin.

Röleyi kontrol etmek istediğiniz elektrikli ekipmanlara resimdeki gibi bağlayınız.

Adım 8: Şimdi Test Edin ve Keyfini Çıkarın.

Adım 9: Kod Burada.

Lütfen değerli yorumlarınızı yazın..