Kontroluj urządzenia przez Internet za pomocą przeglądarki. (IoT): 6 kroków

2024 Autor: John Day | [email protected]. Ostatnio zmodyfikowany: 2024-01-30 11:31

W tym instruktażu pokażę, jak możesz sterować urządzeniami, takimi jak diody LED, przekaźniki, silniki itp. przez Internet za pośrednictwem przeglądarki internetowej. Możesz też bezpiecznie uzyskać dostęp do elementów sterujących z dowolnego urządzenia. Platforma internetowa, z której korzystałem, to RemoteMe.org. Odwiedź stronę, aby dowiedzieć się więcej na jej temat.

Pamiętaj, aby odnieść się do obrazów, które pomogą Ci lepiej zrozumieć proces.

Więc zacznijmy.

Krok 1: Rzeczy, których będziesz potrzebować:-

Do tego projektu będziesz potrzebować:-

1. ESP8266 (NodeMCU) Link do USLink dla Europy
2. LEDLink dla USLink dla Europy
3. Push ButtonLink dla USLink dla Europy
4. Breadboard. Link dla USLink dla Europy

Oprogramowanie:-

1. IDE Arduino
2. Konto na RemoteMe.

Zauważ, że możesz użyć Arduino lub Raspberry-pi w projekcie, jeśli nie masz NodeMCU.

Krok 2: Konfiguracja Arduino IDE:-

Najpierw, aby pracować z NodeMCU Esp8266, musisz dodać płyty do IDE, jeśli jeszcze tego nie zrobiłeś, sprawdź ten Instruktaż tutaj.

Po udostępnieniu tablic w IDE jest kilka bibliotek potrzebnych do tego projektu.

Aby zainstalować te biblioteki:-

Otwórz IDE i przejdź do >> Szkic >> Dołącz bibliotekę >> Zarządzaj bibliotekami. Powinno pojawić się wyskakujące okienko. Tutaj znajdziesz wymagane biblioteki

Lista bibliotek:-

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

Zainstaluj je jeden po drugim i uruchom ponownie IDE po zakończeniu.

Dzięki temu IDE jest gotowe do użycia.

Krok 3: Konfiguracja strony na RemoteMe:-

Aby korzystać z RemoteMe, musisz się najpierw zarejestrować, aby móc tworzyć własne strony internetowe i zacząć sterować urządzeniami.

Przejdź do RemoteMe.org kliknij "Aplikacja", Przejdź do rejestracji i wprowadź swoje dane i naciśnij Zarejestruj się

Zostaniesz powitany stroną powitalną, teraz po lewej stronie w menu wybierz "Urządzenia"

Po prawej stronie zobaczysz opcję o nazwie „Nowe urządzenie”. Kliknięcie na nią spowoduje wyświetlenie menu rozwijanego. Tutaj wybierz „Nowa strona internetowa”

Teraz podaj nazwę i identyfikator urządzenia, nazwałem go „LED” i nadałem identyfikator urządzenia „203”. (Identyfikator urządzenia to unikalny numer, który umożliwia rozróżnienie różnych urządzeń)

Upewnij się, że przełącznik jest ustawiony na „aktywny” i naciśnij „prześlij”. Na stronie pojawi się nowe urządzenie o nazwie LED z identyfikatorem urządzenia 203. Teraz wybierz strzałkę w dół po prawej stronie urządzenia, a zobaczysz puste miejsce, w którym możesz tworzyć strony internetowe

Przejdź do tej strony GitHub. Musisz przeciągnąć trzy pliki (index.html, scripts.js i styles.css) i upuścić je jeden po drugim do pustego gniazda w urządzeniu i gotowe

Krok 4: Przesyłanie kodu na MCU:-

Poniżej podaję kod, którego potrzebujesz, aby projekt zadziałał.

Zanim będziesz mógł przesłać kod, musisz wprowadzić kilka drobnych zmian w kodzie.

Po otwarciu kodu w IDE musisz wpisać swoją nazwę WiFi i hasło w wymaganym polu, aby płyta mogła połączyć się z siecią.

Wprowadź zmiany w następującej części kodu:-

#define WIFI_NAME "Wpisz swoją nazwę Wi-Fi" #define WIFI_PASSWORD "Wprowadź swoje hasło Wi-Fi" #define DEVICE_ID 203 #define DEVICE_NAME "LED" #define TOKEN "Wprowadź token uwierzytelniania"

Aby uzyskać token uwierzytelniający Przejdź do Remoteme.org >> Aplikacje >> Tokeny (w menu po lewej stronie poniżej Urządzenia)

Skopiuj token i wklej go w kodzie.

Teraz podłącz NodeMCU do komputera, wybierz odpowiedni port i prześlij kod.

Krok 5: Połączenia:-

Postępuj zgodnie z powyższym obrazkiem, aby wykonać połączenia:-

Dioda LED jest podłączona do styku D5 MCU.

Przycisk jest podłączony do Pinu D2.

Użyj rezystora szeregowo z diodą LED, aby zapobiec uszkodzeniu diody LED.

Krok 6: Testowanie:-

Teraz pomyślnie zakończyłeś projekt. Czas przetestować kompilację.

Najpierw, aby sprawdzić, czy połączenia są prawidłowe, naciśnij przycisk i powinieneś zobaczyć, że dioda LED się włączy. Ponowne naciśnięcie przycisku wyłączy diodę LED

Teraz przejdź na stronę RemotMe i otwórz swoją aplikację. zaloguj się przy użyciu konta, z którego się logowałeś

Teraz przejdź do Urządzenia i wybierz urządzenie, które właśnie utworzyłeś. Zwróć uwagę na symbol połączenia po lewej stronie, zanim identyfikator urządzenia zmienił kolor na zielony, co wskazuje, że płyta ESP jest podłączona do serwera

Teraz kliknij plik "index.html" i wybierz "otwórz w nowej karcie", w nowej karcie pojawi się strona internetowa z kółkiem. Możesz kliknąć kółko, aby włączyć lub wyłączyć diodę LED

Do sterowania diodą LED za pomocą smartfona. Ponownie przejdź do strony urządzenia i kliknij „index.html”. Tym razem wybierz ostatnią opcję „Uzyskaj anonimowy link…”, pojawi się wyskakujące okienko z linkiem, który możesz otworzyć w dowolnym smartfonie, aby sterować diodą LED bez konieczności każdorazowego logowania

Jeszcze lepszą opcją, możesz wybrać opcję QR tuż obok linku. I zeskanuj QR za pomocą Androida lub iPhone'a, a zostaniesz przekierowany na stronę internetową z kółkiem

Obejrzyj demo wideo, aby zobaczyć, jak to działa.

Mam nadzieję, że podoba Ci się projekt, jeśli masz jakieś pytania, możesz je zadać w komentarzach.

Dziękuję.