Inhoudsopgave:

UI voor MicroPython: 9 stappen
UI voor MicroPython: 9 stappen

Video: UI voor MicroPython: 9 stappen

Video: UI voor MicroPython: 9 stappen
Video: Moving from Arduino to MicroPython - 10 Things you need to know. 2024, November
Anonim
UI voor MicroPython
UI voor MicroPython

Onlangs heb ik een esp8266-bord gekregen en daarop MicroPython geïnstalleerd. Het kan worden bestuurd door een opdracht te typen of er een python-code naar te uploaden.

Voor het installeren van MicroPython op esp8266, kijk op https://MicroPython.org/download/#esp8266 of

Python-code:

import tijd

van machine import Pin

led=Pin (2, Pin. OUT)//Pin 2 is de LED aan boord.

Led uit()

led.on()

De andere versie MicroPython, de code misschien anders.

Het is erg cool om de opdracht te typen om esp8266 te bedienen, maar het is nog steeds niet gebruiksvriendelijk. Als webprogrammeur maak ik graag een interface met html en JavaScript.

Ik vond een Android App OGT UI. Het is een hybride APP; je kunt een grafische interface maken met Html en JavaScript. Het simuleert een terminal, ontvangt alle sms-berichten van MicroPython en filtert deze, stuurt alleen de nuttige informatie terug naar JavaScript. Met JavaScript kunt u het resultaat heel eenvoudig verwerken.

De OGT-gebruikersinterface wordt geleverd met een demo-gebruikersinterface. Om het te testen, moet je demo-python-code downloaden en in MicroPython plaatsen.

Stap 1: installeer OTG-gebruikersinterface

Installeer de OTG-gebruikersinterface
Installeer de OTG-gebruikersinterface
Installeer de OTG-gebruikersinterface
Installeer de OTG-gebruikersinterface

Ga naar Google Play en zoek "otg ui". Installeer het. Het heeft enkele machtigingen nodig.

Stap 2: Download Main.zip

Main.zip downloaden
Main.zip downloaden

Ga naar https://www.otgui.com/home?mc=download en download de main.py.

Stap 3: Upload de Main.py naar uw MicroPython

Upload de Main.py naar uw MicroPython
Upload de Main.py naar uw MicroPython

Upload de main.py naar uw MicroPython met de opdracht:

ampy --port com5 put main.py

Je kunt het testen met putty en controleren of de code werkt.

Stap 4: Verbind Esp8266 met uw Android-telefoon via de OTG-adapter

Sluit Esp8266 aan op uw Android-telefoon via de OTG-adapter
Sluit Esp8266 aan op uw Android-telefoon via de OTG-adapter
Sluit Esp8266 aan op uw Android-telefoon via de OTG-adapter
Sluit Esp8266 aan op uw Android-telefoon via de OTG-adapter

Voor de eerste keer zal het een dialoogvenster tonen, vink het selectievakje aan en klik op de knop OK. Dan verschijnt de demo-gebruikersinterface. U kunt op de schakelknop klikken om de led aan / uit te bedienen.

Stap 5: Maak uw gebruikersinterface

Om uw gebruikersinterface te maken, moet u een account registreren en een testtool downloaden.

Stap 6: Registreer een account

Registreer een account
Registreer een account
Registreer een account
Registreer een account

Ga naar www.otgui.com en klik op "Mijn gebruikersinterfaces". het zal een inlogpagina tonen, klik op "Registreren". Vul alle informatie in en klik op

klik op "Registreren".

Nu kunt u inloggen met uw account en het standaardwachtwoord is "123456", u kunt dit later wijzigen.

Stap 7: Maak een nieuwe gebruikersinterface

Een nieuwe gebruikersinterface maken
Een nieuwe gebruikersinterface maken

Klik na het inloggen op "Text UI's". het zal al uw gebruikersinterfaces tonen.

  • Klik op de knop Toevoegen.
  • Voer alle informatie in.
  • Klik op de knop Opslaan
  • Het zal een nieuwe gebruikersinterface maken met wat code erin.
  • Bewerk de code.

Stap 8: Test de gebruikersinterface

Test de gebruikersinterface
Test de gebruikersinterface

Klik op Voorbeeld om het resultaat te zien.

Stap 9: Upload gebruikersinterface naar uw Android

Gebruikersinterface uploaden naar uw Android
Gebruikersinterface uploaden naar uw Android
Gebruikersinterface uploaden naar uw Android
Gebruikersinterface uploaden naar uw Android

Zoek de app-code op uw UI-detailpagina. Open vervolgens de browser op je Android en typ de "https://localhost:8889".

Voer de app-code in en klik op de knop Opslaan. Start de OTG UI-app opnieuw.

Het zal de gebruikersinterface naar je Android downloaden.

Aanbevolen: