Innehållsförteckning:

UI för MicroPython: 9 steg
UI för MicroPython: 9 steg

Video: UI för MicroPython: 9 steg

Video: UI för MicroPython: 9 steg
Video: Using LCD1602 or LCD2004 with ESP32 2024, Juli
Anonim
UI för MicroPython
UI för MicroPython

Nyligen fick jag ett esp8266 -kort och installerade MicroPython på det. Det kan styras genom att skriva kommando eller ladda upp en pythonkod till den.

För att installera MicroPython på esp8266, kolla https://MicroPython.org/download/#esp8266 eller

Python -kod:

importtid

från maskinimport Pin

led = Pin (2, Pin. OUT) // Pin 2 är den inbyggda lysdioden.

led.off ()

led.on ()

Den olika versionen MicroPython, koden kanske annorlunda.

Det är väldigt häftigt att skriva kommandot för att styra esp8266, men det är fortfarande inte användarvänligt. Som webbprogrammerare gillar jag att skapa ett gränssnitt med html och JavaScript.

Jag hittade ett Android App OGT UI. Det är en hybrid APP; du kan skapa ett grafiskt gränssnitt med HTML och JavaScript. Den simulerar en terminal, tar emot alla textmeddelanden från MicroPython och filtrerar den, skickar bara användbar information tillbaka till JavaScript. Med JavaScript kan du bearbeta resultatet mycket enkelt.

OGT UI har ett demo -gränssnitt. För att testa det behöver du ladda ner demo -pythonkod och lägga den till MicroPython.

Steg 1: Installera OTG UI

Installera OTG UI
Installera OTG UI
Installera OTG UI
Installera OTG UI

Gå till google play och sök "otg ui". Installera det. Det kommer att behöva några behörigheter.

Steg 2: Ladda ner Main.zip

Ladda ner Main.zip
Ladda ner Main.zip

Gå till https://www.otgui.com/home?mc=download och ladda ner main.py.

Steg 3: Ladda upp Main.py till ditt MicroPython

Ladda upp Main.py till ditt MicroPython
Ladda upp Main.py till ditt MicroPython

Ladda upp main.py till ditt MicroPython med kommando:

ampy --port com5 put main.py

Du kan testa det genom kitt och se till att koden fungerar.

Steg 4: Anslut Esp8266 till din Android -telefon via OTG -adapter

Anslut Esp8266 till din Android -telefon via OTG -adapter
Anslut Esp8266 till din Android -telefon via OTG -adapter
Anslut Esp8266 till din Android -telefon via OTG -adapter
Anslut Esp8266 till din Android -telefon via OTG -adapter

För första gången visas en dialogruta, markera kryssrutan och klicka på OK -knappen. Då visas demo -gränssnittet. Du kan klicka på växlingsknappen för att styra LED på/av.

Steg 5: Skapa ditt användargränssnitt

För att skapa ditt användargränssnitt måste du registrera ett konto och ladda ner ett testverktyg.

Steg 6: Registrera ett konto

Registrera ett konto
Registrera ett konto
Registrera ett konto
Registrera ett konto

Gå till www.otgui.com och klicka på "Mina användargränssnitt". det kommer att visa en inloggningssida, klicka på "Registrera". Fyll i all information och klicka

klicka på "Registrera".

Nu kan du logga in med ditt konto och standardlösenordet är "123456", du kan ändra det senare.

Steg 7: Skapa ett nytt gränssnitt

Skapa ett nytt gränssnitt
Skapa ett nytt gränssnitt

Efter inloggning, klicka på "Text UIs". det kommer att visa alla dina användargränssnitt.

  • Klicka på knappen Lägg till.
  • Ange all information.
  • Klicka på knappen Spara
  • Det kommer att skapa ett nytt gränssnitt med lite kod i det.
  • Redigera koden.

Steg 8: Testa användargränssnittet

Testa användargränssnittet
Testa användargränssnittet

Klicka på Förhandsgranska för att se resultatet.

Steg 9: Ladda upp användargränssnittet till din Android

Ladda upp användargränssnittet till din Android
Ladda upp användargränssnittet till din Android
Ladda upp användargränssnittet till din Android
Ladda upp användargränssnittet till din Android

Hitta appkoden på din UI -detaljsida. Öppna sedan webbläsaren på din Android och skriv "https:// localhost: 8889".

Ange appkoden och klicka på knappen Spara. Starta om OTG UI -appen.

Det kommer att ladda ner UI till dig Android.

Rekommenderad: