Ovládejte zařízení přes internet prostřednictvím prohlížeče. (IoT): 6 kroků

2024 Autor: John Day | [email protected]. Naposledy změněno: 2024-01-30 08:22

V tomto Instructable vám ukážu, jak můžete ovládat zařízení jako LED, relé, motory atd. Přes internet prostřednictvím webového prohlížeče. A k ovládacím prvkům můžete přistupovat bezpečně přes jakékoli zařízení. Webová platforma, kterou jsem zde použil, je RemoteMe.org, navštivte stránku a dozvíte se o ní více.

Nezapomeňte odkazovat na obrázky, které vám pomohou lépe porozumět procesu.

Pojďme tedy začít.

Krok 1: Věci, které budete potřebovat:-

Pro tento projekt budete potřebovat:-

1. Odkaz na ESP8266 (NodeMCU) pro USLink pro Evropu
2. LEDLink pro USLink pro Evropu
3. Push ButtonLink pro USLink pro Evropu
4. Breadboard. Link pro USLink pro Evropu

Software:-

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

Pokud nemáte NodeMCU, můžete pro projekt použít Arduino nebo Raspberry-pi.

Krok 2: Nastavení IDE Arduino:-

Nejprve pro práci s NodeMCU Esp8266 musíte přidat desky do IDE, pokud jste to ještě neudělali, podívejte se zde na tento Instructable.

Poté, co jsou desky k dispozici v IDE, je pro tento projekt zapotřebí několik knihoven.

Chcete-li nainstalovat tyto knihovny:

Otevřete IDE a přejděte >> Načrtnout >> Zahrnout knihovnu >> Spravovat knihovny. Mělo by se zobrazit vyskakovací okno. Zde budete vyhledávat požadované knihovny

Seznam knihoven:-

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

Nainstalujte je jeden po druhém a po dokončení restartujte IDE.

Díky tomu je IDE připraveno k použití.

Krok 3: Nastavení stránky na RemoteMe:-

Chcete -li používat RemoteMe, musíte se nejprve zaregistrovat, abyste si mohli vytvořit vlastní webové stránky a začít ovládat zařízení.

Přejděte na RemoteMe.org, klikněte na „Aplikace“, přejděte na registraci a zadejte své údaje a zaregistrujte se

Přivítá vás uvítací stránka. Nyní na levé straně v nabídce vyberte „Zařízení“

Na pravé straně se zobrazí možnost s názvem „Nové zařízení“. Kliknutím na ni získáte rozbalovací nabídku. Zde vyberte „Nová webová stránka“

Nyní zadejte název a ID zařízení, pojmenoval jsem jej „LED“a zadal ID zařízení „203“. (ID zařízení je jedinečné číslo, které bude rozlišovat mezi různými zařízeními.)

Ujistěte se, že je přepínač nastaven na „aktivní“a klikněte na „Odeslat“. Na stránce se objeví nové zařízení s názvem LED s ID zařízení 203. Nyní vyberte šipku dolů na pravé straně zařízení a uvidíte prázdný slot, kde můžete vytvářet webové stránky

Přejít na tuto stránku GitHub. Musíte přetáhnout tři soubory (index.html, scripts.js & styles.css) a postupně je vkládat do prázdného slotu v zařízení a máte hotovo

Krok 4: Nahrání kódu na MCU:-

Níže jsem poskytl kód, který potřebujete k tomu, aby projekt fungoval.

Než budete moci kód nahrát, musíte v kódu provést několik drobných změn.

Jakmile je kód otevřen v IDE, musíte do požadovaného pole zadat své WiFi jméno a heslo, aby se deska mohla připojit k vaší síti.

Proveďte změny v následující části kódu:-

#define WIFI_NAME "Zadejte své WiFi jméno" #define WIFI_PASSWORD "Zadejte své WiFi heslo" #define DEVICE_ID 203 #define DEVICE_NAME "LED" #define TOKEN "Zadejte ověřovací token"

Chcete -li získat autentizační token, přejděte na Remoteme.org >> Aplikace >> Tokeny (V nabídce na levé straně níže Zařízení)

Zkopírujte token a vložte jej do kódu.

Nyní připojte NodeMCU k počítači, vyberte správný port a nahrajte kód.

Krok 5: Připojení:-

Při připojování postupujte podle výše uvedeného obrázku:-

LED je připojena ke kolíku D5 MCU.

Tlačítko je připojeno ke kolíku D2.

Abyste předešli poškození LED, použijte odpor v sérii s LED.

Krok 6: Testování:-

Nyní jste úspěšně dokončili projekt. Je na čase otestovat sestavení.

Nejprve zkontrolujte, zda jsou připojení správná, stiskněte tlačítko a měla by se rozsvítit kontrolka LED. Dalším stisknutím tlačítka LED zhasnete

Nyní přejděte na web RemotMe a otevřete aplikaci. přihlaste se pomocí účtu, pomocí kterého jste přihlášeni

Nyní přejděte na Zařízení a vyberte zařízení, které jste právě vytvořili. Všimněte si symbolu propojení na levé straně, protože ID zařízení se změnilo na zelenou, což znamená, že deska ESP je připojena k serveru

Nyní klikněte na soubor „index.html“a vyberte „otevřít na nové kartě“, na nové kartě se zobrazí webová stránka s kruhem. Kliknutím na kruh LED zapnete a vypnete

Ovládání LED pomocí smartphonu. Znovu přejděte na stránku zařízení a klikněte na „index.html“. Tentokrát vyberte poslední možnost „Získat anonymní odkaz …“. Zobrazí se vyskakovací okno s odkazem, který můžete otevřít v libovolném smartphonu a ovládat LED, aniž byste se museli pokaždé přihlašovat

Ještě lepší možnost je vybrat možnost QR hned vedle odkazu. A naskenujte QR pomocí svého Androidu nebo iPhonu a budete přesměrováni na webovou stránku s kruhem

Podívejte se na ukázku videa a zjistěte, jak to funguje.

Doufám, že se vám projekt líbí, pokud máte nějaké dotazy, neváhejte se zeptat v komentářích.

Děkuji.