NodeMCU – przykład użycia aplikacji Blynk

W artykule została opisana aplikacja Blynk, która pozwala na sterowanie lub wizualizację danych pochodzących z modułu ESP8266, Arduino lub Raspberry Pi.

Aby przetestować aplikację, potrzebne są następujące komponenty:

• Płytka z modułem ESP8266 – NodeMCU
• Płytka stykowa
• Diody LED (np. czerwona i zielona) + rezystory 220 Ω
• Przewody męsko-meskie
• Smartfon z systemem Android lub iOS

Rysunek 1. Płytka NodeMCU

Płytka NodeMCU z układem ESP8266 jest przystosowana do wpięcia do płytki stykowej. Oprócz samego modułu na płytce znalazł się konwerter USB<>UART, stabilizator oraz złącze microUSB do połączenia z komputerem.

Pierwszym krokiem jest instalacja aplikacji Blynk, która dostępna jest w Google Play oraz w App Store. Po pobraniu wita nas następujący ekran:

Rysunek 2. Aplikacja Blynk

W programie Blynk stworzony został program, który będzie sterował dwiema diodami LED – czerwoną oraz zieloną. Diody te są podłączone do pinów D5 (dioda zielona) oraz D7 (dioda czerwona). Płytka NodeMCU wraz z podłączonymi diodami prezentuje się następująco.

Rysunek 3. Diody LED podłączone do płytki ModeMCU

Aby rozpocząć pracę z programem, należy stworzyć bezpłatne konto. W tym celu klikamy na przycisk Create New Account (rysunek 2). Podajemy adres e-mail i wymyślamy hasło, które będzie służyło do logowania. Akceptujemy przyciskiem Sign Up. Następnie na ekranie głównym wybieramy opcję Log In oraz podajemy e-mail i hasło. Aby się zalogować klikamy przycisk Log In (rysunek 4).

Rysunek 4. Ekran logowania 

Teraz można przejść do stworzenia nowego projektu w programie Blynk. Wybieramy opcję New project (Rysunek 5). Można teraz edytować parametry projektu, nadać własną nazwę, zmienić urządzenia oraz zmienić styl projektu. Dla projektu wybrałem nazwę Diody LED. W rodzaju urządzenia (Choose Device) z rozwijanej listy należy wybrać pozycje NodeMCU i wybór zaakceptować przyciskiem Continue. Pojawia się opcja możliwości wyboru połączenia ze sterowaną płytką – wybieramy połączenie WiFi. Aby utworzyć projekt należy nacisnąć Create.

Rysunek 5. Tworzenie projektu w aplikacji Blynk

Po utworzeniu projektu program informuje, że kod autoryzacyjny został wysłany na wcześniej podany e-mail.

Rysunek 6. Kod autoryzacyjny został wysłany na adres e-mail podany przy tworzeniu konta

Po wybraniu przycisku OK pojawi się ekran, w którym można edytować wygląd aplikacji (rysunek 7).

Rysunek 7. Okno edycji projektu