Valdykite įrenginius per internetą per naršyklę. (IoT): 6 žingsniai

2024 Autorius: John Day | [email protected]. Paskutinį kartą keistas: 2024-01-30 10:47

Šioje instrukcijoje aš jums parodysiu, kaip galite valdyti įrenginius, tokius kaip šviesos diodai, relės, varikliai ir tt internete, naudodami žiniatinklio naršyklę. Ir jūs galite saugiai pasiekti valdiklius bet kuriame įrenginyje. Žiniatinklio platforma, kurią naudoju čia, yra „RemoteMe.org“, apsilankykite puslapyje, kad sužinotumėte daugiau apie tai.

Būtinai žiūrėkite paveikslėlius, kurie padės geriau suprasti procesą.

Taigi pradėkime.

1 žingsnis: reikalingi dalykai:-

Šiam projektui jums reikės:-

1. ESP8266 („NodeMCU“) „USLink for Europe“nuoroda
2. „LEDLink“, skirta „USLink“, skirta Europai
3. „Push ButtonLink“, skirta „USLink“Europai
4. Duonos lenta. „USLink“nuoroda Europai

Programinė įranga:-

1. „Arduino IDE“
2. Paskyra „RemoteMe“.

Atminkite, kad projektui galite naudoti „Arduino“arba „Raspberry-pi“, jei neturite „NodeMCU“.

2 veiksmas: „Arduino IDE“nustatymas:-

Pirmiausia, norėdami dirbti su „NodeMCU Esp8266“, turite pridėti plokštes prie IDE, jei to dar nepadarėte, peržiūrėkite šią instrukciją čia.

Kai lentos bus pasiekiamos IDE, šiam projektui reikalingos kai kurios bibliotekos.

Norėdami įdiegti šias bibliotekas:-

Atidarykite IDE ir „Goto“>> Eskizas >> Įtraukti biblioteką >> Tvarkyti bibliotekas. Turėtų pasirodyti iššokantis langas. Čia ieškosite reikalingų bibliotekų

Bibliotekų sąrašas:-

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

Įdiekite juos po vieną ir iš naujo paleiskite IDE, kai baigsite.

Dėl to IDE yra paruoštas naudoti.

3 veiksmas: „RemoteMe“puslapio nustatymas:-

Norėdami naudoti „RemoteMe“, pirmiausia turite užsiregistruoti, kad galėtumėte sukurti savo tinklalapius ir pradėti valdyti įrenginius.

„Goto RemoteMe.org“spustelėkite „Taikymas“, eikite į „Registracija“ir įveskite savo duomenis bei paspauskite registraciją

Jūs būsite pasveikinti su pasveikinimo puslapiu, Dabar kairėje meniu pasirinkite „Įrenginiai“

Dešinėje pusėje pamatysite parinktį pavadinimu „Naujas įrenginys“, spustelėję ją, turėsite išskleidžiamąjį meniu, čia pasirinkite „Naujas tinklalapis“

Dabar nurodykite pavadinimą ir įrenginio ID, aš pavadinau jį „LED“ir daviau įrenginio ID „203“. (Įrenginio ID yra unikalus numeris, pagal kurį bus galima atskirti skirtingus įrenginius.)

Įsitikinkite, kad jungiklis nustatytas į „aktyvus“ir paspauskite „Pateikti“. Puslapyje pasirodys naujas įrenginys, pavadintas LED su įrenginio ID 203. Dabar dešinėje įrenginio pusėje pasirinkite rodyklę žemyn ir pamatysite tuščią lizdą, kuriame galėsite kurti tinklalapius

Eikite į šį „GitHub“puslapį. Turite vilkti tris failus (index.html, scripts.js & styles.css) ir vieną po kito nuleisti į tuščią įrenginio lizdą, ir viskas

4 veiksmas: kodo įkėlimas į MCU:-

Žemiau pateikiau kodą, kurio reikia, kad projektas veiktų.

Prieš įkeliant kodą, reikia atlikti keletą nedidelių kodo pakeitimų.

Kai kodas bus atidarytas IDE, reikiamame lauke turite įvesti „WiFi“pavadinimą ir slaptažodį, kad lenta galėtų prisijungti prie jūsų tinklo.

Atlikite pakeitimus šioje kodo dalyje:-

#define WIFI_NAME "Įveskite savo" WiFi "pavadinimą" #define WIFI_PASSWORD "Įveskite" WiFi "slaptažodį" #define DEVICE_ID 203 #define DEVICE_NAME "LED" #define TOKEN "Įveskite autentifikavimo žetoną"

Norėdami gauti autentifikavimo žetoną, eikite į „Goto Remoteme.org“>> Programos >> Žetonai (meniu kairėje pusėje esančiuose įrenginiuose)

Nukopijuokite žetoną ir įklijuokite jį į kodą.

Dabar prijunkite „NodeMCU“prie kompiuterio, pasirinkite tinkamą prievadą ir įkelkite kodą.

5 žingsnis: jungtys:-

Norėdami užmegzti ryšį, sekite paveikslėlį aukščiau:-

Šviesos diodas prijungtas prie MCU kaiščio D5.

Mygtukas yra prijungtas prie kaiščio D2.

Naudokite serijinį rezistorių su LED, kad nepažeistumėte LED.

6 žingsnis: bandymas:-

Dabar jūs sėkmingai baigėte projektą. Atėjo laikas išbandyti konstrukciją.

Pirmiausia norėdami patikrinti, ar jungtys yra tinkamos, paspauskite mygtuką ir pamatysite, kad šviesos diodas įsijungia, dar kartą paspaudus mygtuką, šviesos diodas išjungiamas

Dabar eikite į „RemotMe“svetainę ir atidarykite savo programą. prisijunkite naudodami paskyrą, su kuria prisijungėte

Dabar eikite į įrenginius ir pasirinkite ką tik sukurtą įrenginį. Atkreipkite dėmesį, kad jungties nuorodos simbolis kairėje pusėje, nes įrenginio ID tapo žalias, o tai reiškia, kad ESP plokštė prijungta prie serverio

Dabar spustelėkite failą „index.html“ir pasirinkite „atidaryti naujame skirtuke“, naujame skirtuke pasirodys tinklalapis su apskritimu. Galite spustelėti apskritimą, kad įjungtumėte ir išjungtumėte šviesos diodą

Norėdami valdyti savo šviesos diodą naudodami išmanųjį telefoną. Vėl eikite į įrenginio puslapį ir spustelėkite „index.html“. Šį kartą pasirinkite paskutinę parinktį „Gauti anoniminę nuorodą …“, pasirodys iššokantis langas su nuoroda, kurią galite atidaryti bet kuriame išmaniajame telefone, kad galėtumėte valdyti šviesos diodą, nereikia kiekvieną kartą prisijungti

Dar geresnis pasirinkimas, šalia nuorodos galite pasirinkti QR parinktį. Nuskaitykite QR kodą naudodami „Android“arba „iPhone“ir būsite nukreipti į tinklalapį su apskritimu

Peržiūrėkite vaizdo demonstracinę versiją, kad pamatytumėte, kaip ji veikia.

Tikiuosi, kad jums patinka projektas, jei turite kokių nors klausimų, nedvejodami užduokite juos komentaruose.

Ačiū.