Table des matières:

Interface utilisateur pour MicroPython : 9 étapes
Interface utilisateur pour MicroPython : 9 étapes

Vidéo: Interface utilisateur pour MicroPython : 9 étapes

Vidéo: Interface utilisateur pour MicroPython : 9 étapes
Vidéo: Interface tactile avec MicroPython et ESP32 2024, Juillet
Anonim
Interface utilisateur pour MicroPython
Interface utilisateur pour MicroPython

Récemment, j'ai eu une carte esp8266 et j'ai installé MicroPython dessus. Il peut être contrôlé en tapant une commande ou en y téléchargeant un code python.

Pour installer MicroPython sur esp8266, veuillez vérifier https://MicroPython.org/download/#esp8266 ou

Code Python:

heure d'importation

à partir de l'épingle d'importation de la machine

led=Pin(2, Pin. OUT)//Pin 2 est la LED embarquée.

led.off()

conduit sur()

La version différente de MicroPython, le code peut-être différent.

C'est très cool de taper la commande pour contrôler esp8266, mais ce n'est toujours pas convivial. En tant que programmeur web, j'aime créer une interface avec html et JavaScript.

J'ai trouvé une interface utilisateur OGT pour l'application Android. C'est une application hybride; vous pouvez créer une interface graphique avec Html et JavaScript. Il simule un terminal, reçoit tous les messages texte de MicroPython et le filtre, ne renvoie que les informations utiles à JavaScript. Avec JavaScript, vous pouvez traiter le résultat très facilement.

L'interface utilisateur OGT est livrée avec une interface utilisateur de démonstration. Pour le tester, vous devez télécharger le code de démonstration python et le mettre dans MicroPython.

Étape 1: Installez l'interface utilisateur OTG

Installez l'interface utilisateur OTG
Installez l'interface utilisateur OTG
Installez l'interface utilisateur OTG
Installez l'interface utilisateur OTG

Allez sur google play et recherchez "otg ui". Installez-le. Il aura besoin de quelques autorisations.

Étape 2: Téléchargez Main.zip

Télécharger Main.zip
Télécharger Main.zip

Allez sur https://www.otgui.com/home?mc=download et téléchargez le fichier main.py.

Étape 3: téléchargez le fichier Main.py sur votre MicroPython

Téléchargez le Main.py sur votre MicroPython
Téléchargez le Main.py sur votre MicroPython

Téléchargez le main.py sur votre MicroPython par commande:

ampy --port com5 mettre main.py

Vous pouvez le tester avec du mastic et vous assurer que le code fonctionne.

Étape 4: Connectez Esp8266 à votre téléphone Android via un adaptateur OTG

Connectez Esp8266 à votre téléphone Android via un adaptateur OTG
Connectez Esp8266 à votre téléphone Android via un adaptateur OTG
Connectez Esp8266 à votre téléphone Android via un adaptateur OTG
Connectez Esp8266 à votre téléphone Android via un adaptateur OTG

Pour la première fois, il affichera une boîte de dialogue, cochez la case et cliquez sur le bouton OK. Ensuite, l'interface utilisateur de démonstration apparaîtra. Vous pouvez cliquer sur le bouton de commutation pour contrôler la LED On/Off.

Étape 5: créez votre interface utilisateur

Pour créer votre interface utilisateur, vous devez créer un compte et télécharger un outil de test.

Étape 6: Enregistrez un compte

Enregistrez un compte
Enregistrez un compte
Enregistrez un compte
Enregistrez un compte

Rendez-vous sur www.otgui.com et cliquez sur « Mes UIs ». il affichera une page de connexion, cliquez sur "S'inscrire". Remplissez toutes les informations et cliquez sur

cliquez sur "S'inscrire".

Vous pouvez maintenant vous connecter avec votre compte et le mot de passe par défaut est "123456", vous pouvez le changer plus tard.

Étape 7: Créer une nouvelle interface utilisateur

Créer une nouvelle interface utilisateur
Créer une nouvelle interface utilisateur

Après la connexion, cliquez sur "Text UIs". il affichera toutes vos interfaces utilisateur.

  • Cliquez sur le bouton Ajouter.
  • Saisissez toutes les informations.
  • Cliquez sur le bouton Enregistrer
  • Cela créera une nouvelle interface utilisateur avec du code.
  • Modifiez le code.

Étape 8: Testez l'interface utilisateur

Tester l'interface utilisateur
Tester l'interface utilisateur

Cliquez sur Aperçu pour voir le résultat.

Étape 9: Télécharger l'interface utilisateur sur votre Android

Télécharger l'interface utilisateur sur votre Android
Télécharger l'interface utilisateur sur votre Android
Télécharger l'interface utilisateur sur votre Android
Télécharger l'interface utilisateur sur votre Android

Trouvez le code d'application dans la page de détail de votre interface utilisateur. Ensuite, ouvrez le navigateur sur votre Android et tapez le "https://localhost:8889".

Saisissez le code de l'application et cliquez sur le bouton Enregistrer. Redémarrez l'application d'interface utilisateur OTG.

Il téléchargera l'interface utilisateur sur votre Android.

Conseillé: