Nadzorujte naprave prek interneta prek brskalnika. (IoT): 6 korakov

2024 Avtor: John Day | [email protected]. Nazadnje spremenjeno: 2024-01-30 12:05

V tem navodilu vam bom pokazal, kako lahko prek spletnega brskalnika nadzirate naprave, kot so LED, releji, motorji itd. Do kontrol lahko varno dostopate prek katere koli naprave. Spletna platforma, ki sem jo uporabil tukaj, je RemoteMe.org, če želite izvedeti več o tem, obiščite stran.

Sklicujte se na slike, ki vam bodo pomagale bolje razumeti postopek.

Pa začnimo.

1. korak: Stvari, ki jih boste potrebovali:-

Za ta projekt boste potrebovali:-

1. ESP8266 (NodeMCU) Povezava za USLink za Evropo
2. LEDLink za USLink za Evropo
3. Pritisnite gumb ButtonLink za USLink za Evropo
4. Breadboard. Link za USLink za Evropo

Programska oprema:-

1. Arduino IDE
2. Račun na RemoteMe.

Upoštevajte, da lahko za projekt uporabite Arduino ali Raspberry-pi, če nimate NodeMCU.

2. korak: Nastavitev Arduino IDE:-

Najprej za delo z NodeMCU Esp8266 morate plošče dodati v IDE, če tega še niste storili, si oglejte ta Instructable tukaj.

Potem ko so odbori na voljo v IDE, bodo za ta projekt potrebne še nekatere knjižnice.

Če želite namestiti te knjižnice:-

Odprite IDE in pojdite na >> Skica >> Vključi knjižnico >> Upravljanje knjižnic. Pojaviti se mora pojavno okno. Tu boste iskali potrebne knjižnice

Seznam knjižnic:-

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

Namestite jih enega po enega in znova zaženite IDE, ko končate.

Tako je IDE pripravljen za uporabo.

3. korak: Nastavitev strani na RemoteMe:-

Če želite uporabljati RemoteMe, se morate najprej prijaviti, da lahko ustvarite svoje spletne strani in začnete upravljati naprave.

Pojdite na RemoteMe.org, kliknite »Aplikacija«, pojdite na registracijo in vnesite svoje podatke ter pritisnite na registracijo

Pozdravili vas bomo s stranjo dobrodošlice. Zdaj na levi strani v meniju izberite "Naprave"

Na desni strani boste videli možnost z imenom »Nova naprava«, s klikom nanjo se prikaže spustni meni, tukaj izberite »Nova spletna stran«

Zdaj dajte ime in ID naprave, poimenoval sem jo 'LED' in dal ID naprave '203'. (ID naprave je edinstvena številka, ki bo razlikovala med različnimi napravami.)

Prepričajte se, da je preklop nastavljen na "aktivno" in pritisnite "pošlji". Na strani se bo pojavila nova naprava z imenom LED z ID -jem naprave 203. Zdaj izberite puščico navzdol na desni strani naprave in videli boste prazno režo, kjer lahko ustvarite spletne strani

Pojdite na to stran GitHub. Povlecite tri datoteke (index.html, scripts.js & styles.css) in jih eno za drugo spustite v prazno režo v napravi in končali ste

4. korak: Nalaganje kode na MCU:-

Spodaj sem navedel kodo, ki jo potrebujete za izvedbo projekta.

Preden lahko naložite kodo, morate v kodo narediti nekaj manjših sprememb.

Ko je koda odprta v IDE, morate vnesti svoje ime WiFi in geslo v zahtevano polje, da se lahko plošča poveže z vašim omrežjem.

Spremenite naslednji del kode:-

#define WIFI_NAME "Vnesite svoje ime WiFi" #define WIFI_PASSWORD "Vnesite geslo za WiFi" #define DEVICE_ID 203 #define DEVICE_NAME "LED" #define TOKEN "Enter Authentication Token"

Če želite dobiti žeton za preverjanje pristnosti, pojdite na Remoteme.org >> Aplikacije >> Žetoni (v meniju na levi strani spodaj Naprave)

Kopirajte žeton in ga prilepite v kodo.

Zdaj povežite svoj NodeMCU z računalnikom, izberite prava vrata in naložite kodo.

5. korak: Povezave:-

Za vzpostavitev povezave sledite zgornji sliki:-

LED je priključen na pin D5 MCU.

Gumb je priključen na pin D2.

Za preprečevanje poškodb LED uporabite zaporedni upor z LED.

6. korak: Testiranje:-

Zdaj ste projekt uspešno zaključili. Čas je, da preizkusite gradnjo.

Najprej preverite, ali so povezave pravilne, pritisnite gumb in videli boste, da se LED vklopi, ponovni pritisk gumba pa LED ugasne

Zdaj pojdite na spletno mesto RemotMe in odprite svojo aplikacijo. se prijavite z računom, s katerim ste se prijavili

Zdaj pojdite na Naprave in izberite napravo, ki ste jo pravkar ustvarili. Upoštevajte, da je simbol povezave za povezavo na levi strani, preden je ID naprave postal zelen, kar pomeni, da je plošča ESP povezana s strežnikom

Sedaj kliknite datoteko "index.html" in izberite "odpri v novem zavihku", na novem zavihku se prikaže spletna stran s krogom. Za vklop in izklop LED lahko kliknete na krog

Za upravljanje LED z uporabo pametnega telefona. Ponovno pojdite na stran naprave in kliknite »index.html«. Tokrat izberite zadnjo možnost "Pridobite anonimno povezavo …". Pojavilo se bo pojavno okno s povezavo, ki jo lahko odprete v katerem koli pametnem telefonu za nadzor LED, ne da bi se morali vsakič prijaviti

Še boljša možnost je, da lahko izberete možnost QR tik ob povezavi. Skenirajte QR z Androidom ali iPhoneom in preusmerjeni boste na spletno stran s krogom

Oglejte si video predstavitev, da vidite, kako deluje.

Upam, da vam je projekt všeč. Če imate kakršna koli vprašanja, jih vprašajte v komentarjih.

Hvala vam.