Eszközök irányítása az interneten keresztül a böngészőn keresztül. (IoT): 6 lépés

2024 Szerző: John Day | [email protected]. Utoljára módosítva: 2024-01-30 09:42

Ebben az utasításban megmutatom, hogyan vezérelheti az olyan eszközöket, mint a LED-ek, relék, motorok stb. Az interneten keresztül a webböngészőn keresztül. És biztonságosan hozzáférhet a kezelőszervekhez bármilyen eszközön. Az itt használt webes platform a RemoteMe.org. Látogasson el az oldalra, hogy többet megtudjon róla.

Feltétlenül nézze meg a képeket, amelyek segítenek jobban megérteni a folyamatot.

Tehát kezdjük.

1. lépés: Amire szüksége lesz:-

Ehhez a projekthez szüksége lesz:-

1. ESP8266 (NodeMCU) Link a USLink for Europe számára
2. LEDLink az USLink számára Európában
3. Push ButtonLink az USLink számára Európában
4. Breadboard. Link for USLink for Europe

Szoftver:-

1. Arduino IDE
2. Fiók a RemoteMe -n.

Ne feledje, hogy használhat Arduino vagy Raspberry-pi projektet, ha nincs NodeMCU.

2. lépés: Az Arduino IDE beállítása:-

A NodeMCU Esp8266 használatához először hozzá kell adnia a táblákat az IDE -hez, ha még nem tette meg, nézze meg ezt az utasítást itt.

Miután a táblák elérhetők az IDE -n, néhány könyvtárra van szükség ehhez a projekthez.

Ezen könyvtárak telepítéséhez:-

Nyissa meg az IDE -t és a Goto >> Vázlatot >> Könyvtár bevonása >> Könyvtárak kezelése. Egy felugró ablaknak kell megjelennie. Itt megtalálja a szükséges könyvtárakat

Könyvtárak listája:-

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

Telepítse ezeket egyenként, és ha kész, indítsa újra az IDE -t.

Ezzel az IDE használatra kész.

3. lépés: Az oldal beállítása a RemoteMe-n:-

A RemoteMe használatához először regisztrálnia kell, hogy saját weboldalakat hozzon létre, és elkezdhesse irányítani az eszközöket.

Goto RemoteMe.org kattintson az "Alkalmazás" elemre, majd a Goto regisztrációra, írja be adatait és nyomja meg a regisztrációt

Önt üdvözlőoldal fogadja, most a menü bal oldalán válassza az "Eszközök" lehetőséget

A jobb oldalon megjelenik az "Új eszköz" nevű opció. Ha rákattint, megjelenik egy legördülő menü, itt válassza az "Új weboldal" lehetőséget

Most adjon nevet és eszközazonosítót, én LED -nek neveztem el, és 203 -as eszközazonosítót. (Az eszközazonosító az egyedi szám, amely megkülönbözteti a különböző eszközöket.)

Győződjön meg arról, hogy a kapcsoló "aktív" -ra van állítva, és nyomja meg a "Küldés" gombot. Az oldalon megjelenik egy új LED -es eszköz, 203 -as eszköz -azonosítóval. Most válassza ki a lefelé mutató nyilat az eszköz jobb oldalán, és megjelenik egy üres nyílás, ahol weboldalakat hozhat létre

Látogasson el erre a GitHub oldalra. Húznia kell három fájlt (index.html, scripts.js & styles.css), és egyenként be kell dobnia őket az eszköz üres nyílásába, és kész

4. lépés: A kód feltöltése az MCU-ra:-

Az alábbiakban megadtam a projekt működéséhez szükséges kódot.

A kód feltöltése előtt néhány kisebb módosítást kell végrehajtania a kódban.

Miután a kód megnyílt az IDE -ben, be kell írnia a WiFi nevét és jelszavát a szükséges mezőbe, hogy a tábla csatlakozhasson a hálózathoz.

Végezze el a módosításokat a kód következő részén:-

#define WIFI_NAME "Írja be WiFi nevét" #define WIFI_PASSWORD "Írja be WiFi jelszavát" #define DEVICE_ID 203 #define DEVICE_NAME "LED" #define TOKEN "Hitelesítési token megadása"

A hitelesítési token beszerzése Goto Remoteme.org >> Alkalmazások >> Tokenek (A bal oldali eszközök menüjében)

Másolja a tokent és illessze be a kódba.

Most csatlakoztassa a NodeMCU -t a számítógéphez, válassza ki a megfelelő portot, és töltse fel a kódot.

5. lépés: Csatlakozások:-

A csatlakoztatáshoz kövesse a fenti képet:-

A LED az MCU D5 érintkezőjéhez van csatlakoztatva.

A nyomógomb a D2 csaphoz van csatlakoztatva.

A LED -ek károsodásának elkerülése érdekében használjon soros ellenállást LED -del.

6. lépés: Tesztelés:-

Most sikeresen befejezte a projektet. Itt az ideje, hogy tesztelje a konstrukciót.

Először ellenőrizze, hogy a csatlakozók megfelelőek-e, Nyomja meg a nyomógombot, és látnia kell, hogy a LED bekapcsol, A gomb újbóli megnyomása kikapcsolja a LED-et

Most menjen a RemotMe webhelyre, és nyissa meg az alkalmazást. jelentkezzen be azzal a fiókkal, amellyel bejelentkezett

Most lépjen az Eszközök elemre, és válassza ki az imént létrehozott eszközt. Figyelje meg, hogy a Connection link szimbólum a bal oldalon, mivel az eszközazonosító zöldre vált, ami azt jelzi, hogy az ESP kártya csatlakozik a szerverhez

Most kattintson az "index.html" fájlra, és válassza a "Megnyitás új lapon" lehetőséget, egy új lapon megjelenik egy körrel rendelkező weboldal. A körre kattintva be- és kikapcsolhatja a LED -et

A LED vezérlése okostelefon segítségével. Ismét menjen az eszköz oldalára, és kattintson az "index.html" gombra. Ezúttal válassza ki az utolsó opciót "Névtelen link beszerzése …". Megjelenik egy felugró ablak, amelyben egy link található, amelyet bármely okostelefonon megnyithat a LED vezérléséhez anélkül, hogy minden alkalommal bejelentkezne

Még jobb megoldás, ha kiválasztja a QR lehetőséget közvetlenül a link mellett. És szkennelje be a QR -t Android vagy iPhone segítségével, és átirányítjuk a körrel rendelkező weboldalra

Nézze meg a videó bemutatóját, hogyan működik.

Remélem tetszeni fog a projekt, ha bármilyen kérdése van, nyugodtan tegye fel a megjegyzésekben.

Köszönöm.