Sommario:

Interfaccia utente per MicroPython: 9 passaggi
Interfaccia utente per MicroPython: 9 passaggi

Video: Interfaccia utente per MicroPython: 9 passaggi

Video: Interfaccia utente per MicroPython: 9 passaggi
Video: LIVE: ESP8266 – MicroPython – FIREBASE DB - Web UI !! | #ElecrowMaker 2024, Luglio
Anonim
Interfaccia utente per MicroPython
Interfaccia utente per MicroPython

Di recente, ho ricevuto una scheda esp8266 e ho installato MicroPython su di essa. Può essere controllato digitando command o caricandovi un codice Python.

Per installare MicroPython su esp8266, controlla https://MicroPython.org/download/#esp8266 o

Codice Python:

tempo di importazione

dal Pin di importazione della macchina

led=Pin(2, Pin. OUT)//Pin 2 è il LED di bordo.

led.off()

led.on()

La diversa versione di MicroPython, il codice forse diverso.

È molto interessante digitare il comando per controllare esp8266, ma non è ancora facile da usare. Come programmatore web, mi piace creare un'interfaccia con html e JavaScript.

Ho trovato un'interfaccia utente OGT dell'app Android. È un'APP ibrida; puoi creare un'interfaccia grafica con Html e JavaScript. Simula un terminale, riceve tutti i messaggi di testo da MicroPython e li filtra, invia solo le informazioni utili a JavaScript. Con JavaScript, puoi elaborare il risultato molto facilmente.

L'interfaccia utente di OGT viene fornita con un'interfaccia utente demo. Per testarlo, devi scaricare il codice python demo e metterlo su MicroPython.

Passaggio 1: installa l'interfaccia utente OTG

Installa l'interfaccia utente OTG
Installa l'interfaccia utente OTG
Installa l'interfaccia utente OTG
Installa l'interfaccia utente OTG

Vai su Google Play e cerca "otg ui". Installalo. Avrà bisogno di alcune autorizzazioni.

Passaggio 2: scarica Main.zip

Scarica Main.zip
Scarica Main.zip

Vai su https://www.otgui.com/home?mc=download e scarica il file main.py.

Passaggio 3: carica Main.py sul tuo MicroPython

Carica il Main.py sul tuo MicroPython
Carica il Main.py sul tuo MicroPython

Carica il main.py sul tuo MicroPython tramite comando:

ampy --port com5 put main.py

Puoi testarlo tramite mastice e assicurarti che il codice funzioni.

Passaggio 4: collega Esp8266 al tuo telefono Android tramite l'adattatore OTG

Collega Esp8266 al tuo telefono Android tramite l'adattatore OTG
Collega Esp8266 al tuo telefono Android tramite l'adattatore OTG
Collega Esp8266 al tuo telefono Android tramite l'adattatore OTG
Collega Esp8266 al tuo telefono Android tramite l'adattatore OTG

Per la prima volta, mostrerà una finestra di dialogo, selezionare la casella di controllo e fare clic sul pulsante OK. Quindi verrà visualizzata l'interfaccia utente demo. È possibile fare clic sul pulsante dell'interruttore per controllare l'accensione/spegnimento del led.

Passaggio 5: crea la tua interfaccia utente

Per creare la tua interfaccia utente, devi registrare un account e scaricare uno strumento di test.

Passaggio 6: registra un account

Registra un account
Registra un account
Registra un account
Registra un account

Vai su www.otgui.com e fai clic su "Le mie interfacce utente". mostrerà una pagina di accesso, fare clic su "Registrati". Compila tutte le informazioni e clicca

fare clic su "Registrati".

Ora puoi accedere con il tuo account e la password predefinita è "123456", puoi cambiarla in seguito.

Passaggio 7: crea una nuova interfaccia utente

Crea una nuova interfaccia utente
Crea una nuova interfaccia utente

Dopo l'accesso, fai clic su "Interfacce di testo". mostrerà tutte le tue interfacce utente.

  • Fare clic sul pulsante Aggiungi.
  • Inserisci tutte le informazioni.
  • Fare clic sul pulsante Salva
  • Creerà una nuova interfaccia utente con del codice al suo interno.
  • Modifica il codice.

Passaggio 8: testare l'interfaccia utente

Prova l'interfaccia utente
Prova l'interfaccia utente

Fare clic su Anteprima per vedere il risultato.

Passaggio 9: carica l'interfaccia utente sul tuo Android

Carica l'interfaccia utente sul tuo Android
Carica l'interfaccia utente sul tuo Android
Carica l'interfaccia utente sul tuo Android
Carica l'interfaccia utente sul tuo Android

Trova il codice dell'app nella pagina dei dettagli dell'interfaccia utente. Quindi apri il browser sul tuo Android e digita "https://localhost:8889".

Inserisci il codice dell'app e fai clic sul pulsante Salva. Riavvia l'app dell'interfaccia utente di OTG.

Scaricherà l'interfaccia utente su Android.

Consigliato: