Πίνακας περιεχομένων:

UI για MicroPython: 9 βήματα
UI για MicroPython: 9 βήματα

Βίντεο: UI για MicroPython: 9 βήματα

Βίντεο: UI για MicroPython: 9 βήματα
Βίντεο: Урок 1. MicroPython Windows. Установка и настройка IDE. 2024, Νοέμβριος
Anonim
UI για MicroPython
UI για MicroPython

Πρόσφατα, πήρα έναν πίνακα esp8266 και εγκατέστησα το MicroPython σε αυτό. Μπορεί να ελεγχθεί πληκτρολογώντας εντολή ή ανεβάζοντας έναν κώδικα python σε αυτό.

Για εγκατάσταση του MicroPython στο esp8266, ελέγξτε https://MicroPython.org/download/#esp8266 ή

Κωδικός Python:

χρόνο εισαγωγής

από καρφίτσα εισαγωγής μηχανής

led = Pin (2, Pin. OUT) // Το Pin 2 είναι το LED εν πλω.

led.off ()

led.on ()

Η διαφορετική έκδοση MicroPython, ο κώδικας μπορεί να είναι διαφορετικός.

Είναι πολύ ωραίο να πληκτρολογείτε την εντολή ελέγχου esp8266, αλλά δεν είναι ακόμα φιλικό προς το χρήστη. Ως προγραμματιστής Ιστού, μου αρέσει να δημιουργώ μια διεπαφή με html και JavaScript.

Βρήκα μια εφαρμογή Android OGT UI. Είναι ένα υβριδικό APP. μπορείτε να δημιουργήσετε μια γραφική διεπαφή με Html και JavaScript. Προσομοιώνει ένα τερματικό, λαμβάνει όλα τα μηνύματα κειμένου από το MicroPython και το φιλτράρει, στέλνει μόνο τις χρήσιμες πληροφορίες πίσω στο JavaScript. Με το JavaScript, μπορείτε να επεξεργαστείτε το αποτέλεσμα πολύ εύκολα.

Το OGT UI συνοδεύεται από demo UI. Για να το δοκιμάσετε, πρέπει να κατεβάσετε τον κώδικα demo python και να τον τοποθετήσετε στο MicroPython.

Βήμα 1: Εγκαταστήστε το περιβάλλον εργασίας χρήστη OTG

Εγκαταστήστε το περιβάλλον εργασίας χρήστη OTG
Εγκαταστήστε το περιβάλλον εργασίας χρήστη OTG
Εγκαταστήστε το περιβάλλον εργασίας χρήστη OTG
Εγκαταστήστε το περιβάλλον εργασίας χρήστη OTG

Μεταβείτε στο google play και αναζητήστε "otg ui". Εγκαταστήστε το. Θα χρειαστεί κάποια δικαιώματα.

Βήμα 2: Λήψη του Main.zip

Κατεβάστε το Main.zip
Κατεβάστε το Main.zip

Μεταβείτε στη διεύθυνση https://www.otgui.com/home?mc=κατεβάστε και κατεβάστε το main.py.

Βήμα 3: Ανεβάστε το Main.py στο MicroPython σας

Ανεβάστε το Main.py στο MicroPython σας
Ανεβάστε το Main.py στο MicroPython σας

Ανεβάστε το main.py στο MicroPython σας με εντολή:

ampy --port com5 put main.py

Μπορείτε να το δοκιμάσετε μέσω στόκου και να βεβαιωθείτε ότι ο κώδικας λειτουργεί.

Βήμα 4: Συνδέστε το Esp8266 στο τηλέφωνό σας Android μέσω προσαρμογέα OTG

Συνδέστε το Esp8266 στο τηλέφωνό σας Android μέσω προσαρμογέα OTG
Συνδέστε το Esp8266 στο τηλέφωνό σας Android μέσω προσαρμογέα OTG
Συνδέστε το Esp8266 στο τηλέφωνό σας Android μέσω προσαρμογέα OTG
Συνδέστε το Esp8266 στο τηλέφωνό σας Android μέσω προσαρμογέα OTG

Για πρώτη φορά, θα εμφανιστεί ένα παράθυρο διαλόγου, επιλέξτε το πλαίσιο ελέγχου και κάντε κλικ στο κουμπί OK. Στη συνέχεια, θα εμφανιστεί το demo UI. Μπορείτε να κάνετε κλικ στο κουμπί διακόπτη για να ελέγξετε το LED On/Off.

Βήμα 5: Δημιουργήστε το περιβάλλον χρήστη σας

Για να δημιουργήσετε το περιβάλλον χρήστη σας, πρέπει να καταχωρίσετε έναν λογαριασμό και να κατεβάσετε ένα δοκιμαστικό εργαλείο.

Βήμα 6: Εγγραφή λογαριασμού

Εγγραφή Λογαριασμού
Εγγραφή Λογαριασμού
Εγγραφή Λογαριασμού
Εγγραφή Λογαριασμού

Μεταβείτε στη διεύθυνση www.otgui.com και κάντε κλικ στην επιλογή "Οι διεπαφές μου". θα εμφανίσει μια σελίδα σύνδεσης, κάντε κλικ στην επιλογή "Εγγραφή". Συμπληρώστε όλες τις πληροφορίες και κάντε κλικ

κάντε κλικ στην επιλογή "Εγγραφή".

Τώρα μπορείτε να συνδεθείτε με τον λογαριασμό σας και ο προεπιλεγμένος κωδικός πρόσβασης είναι "123456", μπορείτε να τον αλλάξετε αργότερα.

Βήμα 7: Δημιουργήστε ένα νέο περιβάλλον χρήστη

Δημιουργία νέου UI
Δημιουργία νέου UI

Μετά τη σύνδεση, κάντε κλικ στην επιλογή "Διεπαφές χρήστη κειμένου". θα εμφανίσει όλα τα UI σας.

  • Κάντε κλικ στο κουμπί Προσθήκη.
  • Εισαγάγετε όλες τις πληροφορίες.
  • Κάντε κλικ στο κουμπί Αποθήκευση
  • Θα δημιουργήσει ένα νέο περιβάλλον χρήστη με κάποιο κώδικα.
  • Επεξεργαστείτε τον κώδικα.

Βήμα 8: Δοκιμάστε το περιβάλλον χρήστη

Δοκιμάστε το περιβάλλον χρήστη
Δοκιμάστε το περιβάλλον χρήστη

Κάντε κλικ στην Προεπισκόπηση για να δείτε το αποτέλεσμα.

Βήμα 9: Μεταφόρτωση διεπαφής χρήστη στο Android σας

Ανεβάστε UI στο Android σας
Ανεβάστε UI στο Android σας
Ανεβάστε UI στο Android σας
Ανεβάστε UI στο Android σας

Βρείτε τον Κώδικα εφαρμογής στη σελίδα λεπτομερειών διεπαφής χρήστη. Στη συνέχεια, ανοίξτε το πρόγραμμα περιήγησης στο android σας και πληκτρολογήστε "https:// localhost: 8889".

Εισαγάγετε τον Κώδικα εφαρμογής και κάντε κλικ στο κουμπί αποθήκευσης. Επανεκκινήστε την εφαρμογή OTG UI.

Θα κατεβάσει το UI σε εσάς Android.

Συνιστάται: