Upravljajte uređajima putem interneta putem preglednika. (IoT): 6 koraka

2024 Autor: John Day | [email protected]. Zadnja promjena: 2024-01-30 09:36

U ovom Instructableu pokazat ću vam kako možete upravljati uređajima poput LED-a, releja, motora itd. Putem interneta putem web-preglednika. I možete sigurno pristupiti kontrolama s bilo kojeg uređaja. Web platforma koju sam ovdje koristio je RemoteMe.org Posjetite stranicu kako biste saznali više o njoj.

Obratite pažnju na slike koje će vam pomoći da bolje razumijete proces.

Pa krenimo.

Korak 1: Stvari koje će vam trebati:-

Za ovaj projekt trebat će vam:

1. ESP8266 (NodeMCU) Veza za USLink za Europu
2. LEDLink za USLink za Europu
3. Pritisnite ButtonLink za USLink za Europu
4. Breadboard. Link za USLink za Europu

Softver:-

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

Imajte na umu da za projekt možete koristiti Arduino ili Raspberry-pi ako nemate NodeMCU.

Korak 2: Postavljanje Arduino IDE-a:-

Prvo za rad s NodeMCU Esp8266 morate dodati ploče u IDE ako to već niste učinili, pogledajte ovaj Instructable ovdje.

Nakon što su ploče dostupne na IDE -u, za ovaj projekt potrebne su neke knjižnice.

Za instaliranje ovih knjižnica:-

Otvorite IDE i idite na >> Sketch >> Include Library >> Manage Libraries. Trebalo bi se pojaviti skočni prozor. Ovdje ćete tražiti potrebne knjižnice

Popis knjižnica:-

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

Instalirajte ih jedan po jedan i ponovno pokrenite IDE kad završite.

Time je IDE spreman za upotrebu.

Korak 3: Postavljanje stranice na RemoteMe-u:-

Da biste koristili RemoteMe, prvo se morate registrirati kako biste mogli stvoriti vlastite web stranice i početi kontrolirati uređaje.

Idite na RemoteMe.org, kliknite na "Aplikacija", idite na registraciju i unesite svoje podatke i pritisnite se za registraciju

Dočekat će vas stranica dobrodošlice. Sada na lijevoj strani izbornika odaberite "Uređaji"

Na desnoj strani vidjet ćete opciju pod nazivom "Novi uređaj". Klikom na nju dobit ćete padajući izbornik, ovdje odaberite "Nova web stranica"

Sada dajte ime i ID uređaja, nazvao sam ga 'LED' i dao ID uređaja '203'. (ID uređaja je jedinstveni broj koji će razlikovati različite uređaje.)

Provjerite je li prekidač postavljen na "aktivno" i pritisnite "pošalji". Na stranici će se pojaviti novi uređaj pod nazivom LED s ID -om uređaja 203. Sada odaberite strelicu prema dolje s desne strane uređaja i vidjet ćete prazan utor u kojem možete stvarati web stranice

Idite na ovu stranicu GitHub. Morate povući tri datoteke (index.html, scripts.js & styles.css) i ispustiti ih jednu po jednu u prazno mjesto na uređaju i gotovi ste

Korak 4: Prijenos koda na MCU:-

U nastavku sam naveo kôd koji vam je potreban za uspješan rad projekta.

Prije nego što možete učitati kôd, morate unijeti neke manje promjene u kôd.

Nakon što je kôd otvoren u IDE -u, morate unijeti svoje WiFi ime i lozinku u potrebno polje kako bi se ploča mogla povezati s vašom mrežom.

Izmijenite sljedeći dio koda:-

#define WIFI_NAME "Unesite svoje ime za WiFi" #define WIFI_PASSWORD "Unesite svoju zaporku za WiFi" #define DEVICE_ID 203 #define DEVICE_NAME "LED" #define TOKEN "Enter Authentication Token"

Za dobivanje tokena za provjeru autentičnosti idite na Remoteme.org >> Aplikacije >> Tokeni (u izborniku na lijevoj strani ispod uređaja)

Kopirajte žeton i zalijepite ga u kôd.

Sada povežite svoj NodeMCU s računalom, odaberite odgovarajući port i prenesite kôd.

Korak 5: Veze:-

Slijedite gornju sliku za povezivanje:-

LED dioda je spojena na pin D5 MCU -a.

Gumb je spojen na pin D2.

Upotrijebite serijski otpornik sa LED diodom kako biste spriječili oštećenje LED diode.

Korak 6: Testiranje:-

Sada ste uspješno završili projekt. Vrijeme je za testiranje izrade.

Prvo provjerite jesu li veze ispravne. Pritisnite gumb i vidjet ćete da se LED uključuje. Ponovnim pritiskom na gumb isključit ćete LED

Sada prijeđite na web mjesto RemotMe i otvorite svoju aplikaciju. prijavite se pomoću računa s kojim ste se prijavili

Sada idite na Uređaji i odaberite uređaj koji ste upravo stvorili. Obratite pažnju na simbol veze veze s lijeve strane prije nego što je ID uređaja postao zelen što znači da je ESP ploča spojena na poslužitelj

Sada kliknite na datoteku "index.html" i odaberite "otvori u novoj kartici", na novoj kartici pojavit će se web stranica s kružićem. Možete kliknuti na krug za uključivanje i isključivanje LED diode

Za upravljanje LED diodama pomoću pametnog telefona. Ponovno idite na stranicu uređaja i kliknite na "index.html". Ovaj put odaberite posljednju opciju "Get anonymous link …", Pojavit će se skočni prozor s vezom koju možete otvoriti na bilo kojem pametnom telefonu za upravljanje LED-om bez potrebe za svakom prijavom

Još bolja opcija, možete odabrati QR opciju tik do veze. Skenirajte QR pomoću Androida ili iPhonea i bit ćete preusmjereni na web stranicu s krugom

Pogledajte video demo kako biste vidjeli kako radi.

Nadam se da vam se projekt sviđa. Ako imate bilo kakvih pitanja, slobodno ih postavite u komentarima.

Hvala vam.