Ovládajte zariadenia cez internet prostredníctvom prehliadača. (IoT): 6 krokov

2024 Autor: John Day | [email protected]. Naposledy zmenené: 2024-01-30 11:59

V tomto návode vám ukážem, ako môžete ovládať zariadenia ako LED, relé, motory atď. Cez internet prostredníctvom webového prehliadača. A k ovládacím prvkom máte bezpečný prístup z akéhokoľvek zariadenia. Webová platforma, ktorú som tu použil, je RemoteMe.org a navštívte stránku, aby ste sa o nej dozvedeli viac.

Nezabudnite sa obrátiť na obrázky, ktoré vám pomôžu lepšie porozumieť postupu.

Začnime teda.

Krok 1: Veci, ktoré budete potrebovať:-

Na tento projekt budete potrebovať:-

1. Odkaz na ESP8266 (NodeMCU) pre USLink pre Európu
2. LEDLink pre USLink pre Európu
3. Push ButtonLink pre USLink pre Európu
4. Breadboard. Link pre USLink pre Európu

Softvér:-

1. Arduino IDE
2. Účet na RemoteMe.

Ak nemáte NodeMCU, na projekt môžete použiť Arduino alebo Raspberry-pi.

Krok 2: Nastavenie IDE Arduino:-

Aby ste mohli pracovať s NodeMCU Esp8266, musíte dosky pridať do IDE, ak ste to ešte neurobili, pozrite sa na tento návod tu.

Potom, čo sú dosky k dispozícii v IDE, je pre tento projekt potrebných niekoľko knižníc.

Ak chcete nainštalovať tieto knižnice:-

Otvorte IDE a choďte >> Náčrt >> Zahrnúť knižnicu >> Spravovať knižnice. Malo by sa objaviť vyskakovacie okno. Tu vyhľadáte požadované knižnice

Zoznam knižníc:-

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

Nainštalujte ich jeden po druhom a po dokončení reštartujte IDE.

Vďaka tomu je IDE pripravené na použitie.

Krok 3: Nastavenie stránky na RemoteMe:-

Na používanie RemoteMe sa musíte najskôr zaregistrovať, aby ste si mohli vytvárať vlastné webové stránky a začať ovládať zariadenia.

Choďte na RemoteMe.org, kliknite na „Aplikácia“, choďte na registráciu, zadajte svoje údaje a zaregistrujte sa

Privíta vás uvítacia stránka. Teraz v ponuke vľavo vyberte položku „Zariadenia“

Na pravej strane sa zobrazí možnosť s názvom „Nové zariadenie“. Po kliknutí na ňu sa zobrazí rozbaľovacia ponuka. Tu vyberte položku „Nová webová stránka“

Teraz zadajte názov a ID zariadenia, pomenoval som ho „LED“a priradil som ID zariadenia „203“. (ID zariadenia je jedinečné číslo, ktoré bude rozlišovať medzi rôznymi zariadeniami.)

Uistite sa, že je prepínač nastavený na „aktívny“a kliknite na „odoslať“. Na stránke sa objaví nové zariadenie s názvom LED s ID zariadenia 203. Teraz vyberte šípku nadol na pravej strane zariadenia a uvidíte prázdny slot, kde môžete vytvárať webové stránky

Prejdite na túto stránku GitHub. Musíte pretiahnuť tri súbory (index.html, scripts.js & styles.css) a jeden po druhom ich hodiť do prázdneho slotu v zariadení a máte hotovo

Krok 4: Nahranie kódu na MCU:-

Ďalej uvádzam kód, ktorý potrebujete na to, aby projekt fungoval.

Pred odoslaním kódu musíte v kóde vykonať niekoľko drobných zmien.

Akonáhle je kód otvorený v IDE, musíte do požadovaného poľa zadať svoje WiFi meno a heslo, aby sa doska mohla pripojiť k vašej sieti.

Vykonajte zmeny v nasledujúcej časti kódu:-

#define WIFI_NAME "Zadajte svoj názov WiFi" #define WIFI_PASSWORD "Zadajte heslo pre WiFi" #define DEVICE_ID 203 #define DEVICE_NAME "LED" #define TOKEN "Zadajte autentifikačný token"

Ak chcete získať autentifikačný token, choďte na Remoteme.org >> Aplikácie >> Tokeny (v ponuke na ľavej strane pod zariadeniami)

Skopírujte token a vložte ho do kódu.

Teraz pripojte NodeMCU k počítaču, vyberte správny port a nahrajte kód.

Krok 5: Pripojenia:-

Pripojte sa podľa obrázku vyššie:-

LED dióda je pripojená k pinu D5 MCU.

Tlačidlo je pripojené k pinu D2.

Aby ste zabránili poškodeniu LED, použite odpor v sérii s LED.

Krok 6: Testovanie:-

Teraz ste úspešne dokončili projekt. Je načase otestovať zostavu.

Najprv skontrolujte, či sú pripojenia správne, stlačte tlačidlo a mala by sa vám rozsvietiť dióda LED. Ďalším stlačením tlačidla LED zhasnete

Teraz prejdite na webovú stránku RemotMe a otvorte aplikáciu. prihláste sa pomocou účtu, pomocou ktorého ste sa prihlásili

Teraz choďte na Zariadenia a vyberte zariadenie, ktoré ste práve vytvorili. Všimnite si symbolu spojovacieho odkazu na ľavej strane, pretože ID zariadenia sa zmenilo na zelené, čo znamená, že doska ESP je pripojená k serveru

Teraz kliknite na súbor „index.html“a zvoľte „otvoriť na novej karte“, na novej karte sa zobrazí webová stránka s kruhom. Kliknutím na kruh LED zapnete a vypnete

Na ovládanie LED pomocou smartfónu. Znova prejdite na stránku zariadenia a kliknite na „index.html“. Tentokrát vyberte poslednú možnosť „Získať anonymný odkaz …“. Zobrazí sa vyskakovacie okno s odkazom, ktorý môžete otvoriť v ľubovoľnom smartfóne a ovládať tak LED bez toho, aby ste sa museli zakaždým prihlasovať

Ešte lepšou možnosťou je vybrať možnosť QR hneď vedľa odkazu. Naskenujte QR pomocou svojho systému Android alebo iPhone a budete presmerovaní na webovú stránku s kruhom

Pozrite sa na ukážku videa a zistite, ako to funguje.

Dúfam, že sa vám projekt páči, ak máte nejaké otázky, neváhajte sa ich opýtať v komentároch.

Ďakujem.