Seadmete juhtimine Interneti kaudu brauseri kaudu. (IoT): 6 sammu

2024 Autor: John Day | [email protected]. Viimati modifitseeritud: 2024-01-30 08:48

Selles juhendis näitan teile, kuidas saate veebibrauseri kaudu Interneti kaudu juhtida selliseid seadmeid nagu LED-id, releed, mootorid jne. Ja pääsete juhtelementidele turvaliselt juurde mis tahes seadme kaudu. Veebiplatvorm, mida ma siin kasutasin, on RemoteMe.org, külastage lehte, et selle kohta rohkem teada saada.

Vaadake kindlasti pilte, mis aitavad teil protsessi paremini mõista.

Nii et alustame.

Samm: asjad, mida vajate:-

Selle projekti jaoks vajate:-

1. ESP8266 (NodeMCU) Link USLinki jaoks Euroopale
2. LEDLink Euroopa jaoks USLinki jaoks
3. Push ButtonLink USLinki jaoks Euroopas
4. Leivaplaat. Link USLinki jaoks Euroopale

Tarkvara:-

1. Arduino IDE
2. Konto RemoteMe'is.

Pange tähele, et kui teil pole NodeMCU-d, saate projekti jaoks kasutada Arduino või Raspberry-pi.

2. samm: Arduino IDE seadistamine:-

Kõigepealt NodeMCU Esp8266 -ga töötamiseks peate tahvlid IDE -sse lisama, kui te pole seda juba teinud, vaadake seda juhendit siit.

Pärast seda, kui tahvlid on IDE -s saadaval, on selle projekti jaoks vajalikud teegid.

Nende raamatukogude installimiseks toimige järgmiselt

Avage IDE ja minge >> Visand >> Kaasa raamatukogu >> Raamatukogude haldamine. Ilmuma peaks hüpikaken. Siit saate otsida vajalikke raamatukogusid

Raamatukogude loend:-

1. RBD_Timer.h
2. RBD_Button.h
3. RemoteMe.h
4. ESP8266WiFi.h
5. ESP8266WiFiMulti.h
6. ArduinoHttpClient.h

Installige need ükshaaval ja taaskäivitage IDE, kui olete valmis.

Sellega on IDE kasutusvalmis.

3. samm: lehe seadistamine RemoteMe-s:-

RemoteMe kasutamiseks peate esmalt registreeruma, et saaksite oma veebilehti luua ja seadmeid juhtida.

Goto RemoteMe.org klõpsake "Application", Goto Signup ja sisestage oma andmed ja klõpsake registreerumist

Teid tervitatakse tervituslehega. Nüüd valige vasakpoolses menüüs menüüst "Seadmed"

Paremal küljel näete valikut nimega "Uus seade", sellel klõpsates avaneb rippmenüü, siin valige "Uus veebileht"

Andke nüüd nimi ja seadme ID, olen andnud sellele nimeks „LED” ja andnud seadme ID „203”. (Seadme ID on kordumatu number, mis eristab erinevaid seadmeid.)

Veenduge, et lüliti on seatud aktiivseks ja klõpsake nuppu Esita. Lehele ilmub uus seade nimega LED seadme ID 203 -ga. Nüüd valige seadme paremas servas allanool ja näete tühja pesa, kus saate veebilehti luua

Minge sellele GitHubi lehele. Peate lohistama kolm faili (index.html, scripts.js & styles.css) ja viskama need ükshaaval seadme tühja pesasse ja oletegi valmis

4. samm: koodi üleslaadimine MCU-sse:-

Allpool olen esitanud koodi, mida vajate projekti toimimiseks.

Enne koodi üleslaadimist peate selles tegema mõned väikesed muudatused.

Kui kood on IDE -s avatud, peate nõutavale väljale sisestama oma WiFi nime ja parooli, et plaat saaks teie võrguga ühenduse luua.

Tehke muudatusi koodi järgmises osas:-

#define WIFI_NAME "Sisestage oma WiFi nimi" #define WIFI_PASSWORD "Sisestage oma WiFi parool" #define DEVICE_ID 203 #define DEVICE_NAME "LED" #define TOKEN "Sisestage autentimisluba"

Autentimismärgi hankimiseks minge Goto Remoteme.org >> Rakendused >> Märgid (vasakpoolses alltoodud seadmete menüüs)

Kopeerige Token ja kleepige see koodi.

Nüüd ühendage oma NodeMCU arvutiga, valige õige port ja laadige kood üles.

5. samm: ühendused:-

Ühenduste loomiseks järgige ülaltoodud pilti:-

LED on ühendatud MCU tihvtiga D5.

Nupp on ühendatud tihvtiga D2.

Kasutage LED -idega järjestikku takistit, et vältida LED -i kahjustamist.

6. etapp: testimine:-

Nüüd olete projekti edukalt lõpetanud. On aeg ehitust testida.

Esiteks, et kontrollida, kas ühendused on õiged, vajutage surunuppu ja peaksite nägema, et LED süttib, nupu uuesti vajutamine lülitab LED-i välja

Nüüd minge RemotMe veebisaidile ja avage oma rakendus. logige sisse kontoga, millega logisite sisse

Nüüd minge seadmetesse ja valige äsja loodud seade. Pange tähele, et seadme ID vasakul küljel on ühenduse lingi sümbol roheliseks muutunud, mis näitab, et ESP -plaat on serveriga ühendatud

Nüüd klõpsake faili "index.html" ja valige "Ava uuel vahekaardil", uuel vahelehel ilmub suhtlusringiga veebileht. LED -i sisse- ja väljalülitamiseks võite ringil klõpsata

LED -i juhtimiseks nutitelefoni abil. Minge uuesti seadme lehele ja klõpsake "index.html". Seekord valige viimane valik "Hangi anonüümne link …". Ilmub hüpikaken koos lingiga, mille saate avada mis tahes nutitelefonis, et juhtida LED-i ilma iga kord sisse logimata

Veelgi parem variant, saate valida lingi kõrval oleva QR -valiku. Ja skaneerige oma Androidi või iPhone'i abil QR -kood ja teid suunatakse ringiga veebilehele

Vaadake video demost, kuidas see toimib.

Loodetavasti teile projekt meeldib, kui teil on küsimusi, küsige neid kommentaarides.

Aitäh.