Spisu treści:

Interfejs użytkownika dla MicroPythona: 9 kroków
Interfejs użytkownika dla MicroPythona: 9 kroków

Wideo: Interfejs użytkownika dla MicroPythona: 9 kroków

Wideo: Interfejs użytkownika dla MicroPythona: 9 kroków
Wideo: Multisensor na ESP8266 #1, czyli pomiar temperatury dla Domoticza (i nie tylko) 2024, Lipiec
Anonim
Interfejs użytkownika dla MicroPythona
Interfejs użytkownika dla MicroPythona

Ostatnio dostałem płytkę esp8266 i zainstalowałem na niej MicroPython. Można nim sterować, wpisując polecenie lub przesyłając do niego kod Pythona.

Aby zainstalować MicroPython na esp8266, sprawdź https://MicroPython.org/download/#esp8266 lub

Kod w Pythonie:

czas importu

z maszyny importu Pin

led=Pin(2, Pin. OUT)//Pin 2 to dioda LED na płycie.

led.off()

led.on()

Inna wersja MicroPython, kod może się różnić.

Bardzo fajnie jest wpisywać polecenie do sterowania esp8266, ale nadal nie jest przyjazne dla użytkownika. Jako programista webowy lubię tworzyć interfejs za pomocą html i JavaScript.

Znalazłem interfejs użytkownika aplikacji OGT na Androida. To hybrydowa aplikacja; możesz stworzyć interfejs graficzny za pomocą HTML i JavaScript. Symuluje terminal, odbiera wszystkie wiadomości tekstowe od MicroPythona i filtruje je, wysyłając tylko przydatne informacje z powrotem do JavaScript. Dzięki JavaScript możesz bardzo łatwo przetworzyć wynik.

Interfejs użytkownika OGT jest dostarczany z interfejsem demonstracyjnym. Aby go przetestować, musisz pobrać kod demonstracyjny Pythona i umieścić go w MicroPython.

Krok 1: Zainstaluj interfejs użytkownika OTG

Zainstaluj interfejs użytkownika OTG
Zainstaluj interfejs użytkownika OTG
Zainstaluj interfejs użytkownika OTG
Zainstaluj interfejs użytkownika OTG

Przejdź do Google Play i wyszukaj „otg ui”. Zainstaluj to. Będzie potrzebować pewnych uprawnień.

Krok 2: Pobierz Main.zip

Pobierz Main.zip
Pobierz Main.zip

Przejdź do https://www.otgui.com/home?mc=download i pobierz main.py.

Krok 3: Prześlij Main.py do MicroPythona

Prześlij Main.py do swojego MicroPythona
Prześlij Main.py do swojego MicroPythona

Prześlij main.py do swojego MicroPythona poleceniem:

ampy --port com5 umieścić main.py

Możesz to przetestować za pomocą putty i upewnić się, że kod działa.

Krok 4: Podłącz Esp8266 do telefonu z Androidem za pomocą adaptera OTG

Podłącz Esp8266 do telefonu z Androidem za pomocą adaptera OTG
Podłącz Esp8266 do telefonu z Androidem za pomocą adaptera OTG
Podłącz Esp8266 do telefonu z Androidem za pomocą adaptera OTG
Podłącz Esp8266 do telefonu z Androidem za pomocą adaptera OTG

Po raz pierwszy wyświetli okno dialogowe, zaznacz pole wyboru i kliknij przycisk OK. Następnie pojawi się interfejs demonstracyjny. Możesz kliknąć przycisk przełącznika, aby sterować włączaniem/wyłączaniem led.

Krok 5: Stwórz swój interfejs użytkownika

Aby stworzyć swój interfejs użytkownika, musisz zarejestrować konto i pobrać narzędzie testowe.

Krok 6: Zarejestruj konto

Zarejestruj konto
Zarejestruj konto
Zarejestruj konto
Zarejestruj konto

Wejdź na www.otgui.com i kliknij „Moje interfejsy”. pokaże się strona logowania, kliknij "Zarejestruj". Wypełnij wszystkie informacje i kliknij

kliknij „Zarejestruj się”.

Teraz możesz zalogować się za pomocą swojego konta, a domyślne hasło to „123456”, możesz je później zmienić.

Krok 7: Utwórz nowy interfejs użytkownika

Utwórz nowy interfejs użytkownika
Utwórz nowy interfejs użytkownika

Po zalogowaniu kliknij „Tekstowe interfejsy użytkownika”. pokaże wszystkie twoje UI.

  • Kliknij przycisk Dodaj.
  • Wprowadź wszystkie informacje.
  • Kliknij przycisk Zapisz
  • Utworzy nowy interfejs użytkownika z pewnym kodem.
  • Edytuj kod.

Krok 8: Przetestuj interfejs użytkownika

Przetestuj interfejs użytkownika
Przetestuj interfejs użytkownika

Kliknij Podgląd, aby zobaczyć wynik.

Krok 9: Prześlij interfejs użytkownika do swojego Androida

Prześlij interfejs użytkownika do swojego Androida
Prześlij interfejs użytkownika do swojego Androida
Prześlij interfejs użytkownika do swojego Androida
Prześlij interfejs użytkownika do swojego Androida

Znajdź kod aplikacji na stronie szczegółów interfejsu użytkownika. Następnie otwórz przeglądarkę na swoim Androidzie i wpisz „https://localhost:8889”.

Wprowadź kod aplikacji i kliknij przycisk Zapisz. Uruchom ponownie aplikację OTG UI.

Pobierze interfejs użytkownika na Androida.

Zalecana: