Κουμπί IoT που ελέγχει την εφαρμογή σας: 6 βήματα

2024 Συγγραφέας: John Day | [email protected]. Τελευταία τροποποίηση: 2024-01-30 08:37

Από appshedAppShedFollow Περισσότερα από τον συγγραφέα:

Σχετικά με: Το Appshed είναι μια εκπαιδευτική πλατφόρμα όπου μαθητές και εκπαιδευτικοί μπορούν να μάθουν App Building, Game Making και IoT/Robotics. Περισσότερα για το appshed »

Ένα από τα πράγματα που μου αρέσουν περισσότερο στους μικροελεγκτές είναι η δυνατότητα χρήσης τους ως συσκευή εισόδου, για παράδειγμα, το Arduino Micro μπορεί να χρησιμοποιηθεί ως HID (συσκευή διεπαφής ανθρώπου) που σημαίνει ότι με κάποια κωδικοποίηση και τεχνογνωσία θα μπορούσατε να φτιάξετε το δικό σας πληκτρολόγιο ή ποντίκι από ένα Arduino! Αυτό με έβαλε σε σκέψεις σχετικά με τη χρήση μιας συσκευής IoT ως εισόδου για τον έλεγχο των πραγμάτων σε μια εφαρμογή. Έτσι, σε αυτό το έργο, θα ρίξουμε μια ματιά στον τρόπο δημιουργίας ενός κουμπιού συνδεδεμένου με την εφαρμογή που μπορεί να προγραμματιστεί για να κάνει σχεδόν οτιδήποτε στην εφαρμογή μας.

Βήμα 1: Εγκατάσταση των Βιβλιοθηκών

Για να ανεβάσουμε τον κωδικό μας θα χρησιμοποιήσουμε το πολύ δημοφιλές Arduino IDE το οποίο μπορείτε να κατεβάσετε εδώ. Τώρα επειδή πρόκειται να χρησιμοποιήσουμε τον ιστότοπο AppShed για τον έλεγχο και την επεξεργασία του τρόπου λειτουργίας του πίνακα, δεν χρειάζεται να εστιάσουμε στον πραγματικό κώδικα που μπαίνει στον πίνακα. Ο κώδικας που ανεβάζουμε είναι το κύριο σκίτσο AppShed που επιτρέπει στον ιστότοπο να ελέγχει όλες τις καρφίτσες στον πίνακα.

Τώρα για να μπορέσουμε να ανεβάσουμε κώδικα στον πίνακα μας μέσω του Arduino IDE πρέπει να εγκαταστήσουμε τη βιβλιοθήκη του η οποία επιτρέπει στο IDE να μιλήσει με τον συγκεκριμένο πίνακα. Αυτό γίνεται ως εξής:

• Εκκινήστε το Arduino IDE
• Μεταβείτε στο Αρχείο και κάντε κλικ στην επιλογή Προτιμήσεις
• Προς το κάτω μέρος, θα πρέπει να δείτε "διευθύνσεις διευθύνσεων πρόσθετων πινάκων", ακολουθούμενο από ένα κενό διάστημα
• Αντιγράψτε και επικολλήστε αυτό στον κενό χώρο

Τώρα πρέπει να εγκαταστήσουμε τους πίνακες κάτω από το board manager.

• Μεταβείτε στα Εργαλεία, έπειτα στο Board και, στη συνέχεια, κάντε κλικ στο Board Manager
• Τώρα στη γραμμή αναζήτησης αναζητήστε το ESP8266
• Κάντε κλικ στην πρώτη επιλογή και κάντε κλικ στην επιλογή Εγκατάσταση

Τώρα ο πίνακας μας είναι σε θέση να επικοινωνεί με το Arduino IDE

Βήμα 2: Μεταφόρτωση του κώδικα

Σε αυτό το σημείο, έχουμε κατεβάσει τις βιβλιοθήκες που χρειάζονται για να βοηθήσουν το Arduino IDE να επικοινωνήσει με τον πίνακα IoT και έχουμε κατεβάσει τις βιβλιοθήκες που επιτρέπουν την εκτέλεση του κύριου σκίτσου AppShed. Τώρα, το μόνο που πρέπει να κάνουμε είναι να αλλάξουμε το όνομα και τον κωδικό πρόσβασης της συσκευής σας IoT στον κώδικα, αν δεν το κάνετε αυτό, το όνομα wifi των συσκευών σας IoT θα είναι "Your_device_name_here".

Για να το κάνουμε αυτό χρειαζόμαστε τα εξής:

• Συνδέστε την πλακέτα IoT στον υπολογιστή σας
• Κατεβάστε και ανοίξτε το κύριο σκίτσο του Appshed (το οποίο μπορείτε να βρείτε εδώ)
• Μεταβείτε στα εργαλεία και κάντε κλικ στον πίνακα
• Κάντε κύλιση προς τα κάτω μέχρι να δείτε την πλακέτα σας και, στη συνέχεια, κάντε κλικ σε αυτήν (χρησιμοποιώ το NodeMCU οπότε θα κάνω κλικ στο NodeMCU)
• Τώρα επιστρέψτε στα εργαλεία και κάντε κλικ στη θύρα, από εδώ θα δείτε την πλακέτα σας (θα μοιάζει με αυτό το "com 9" εάν βρίσκεστε στα Windows και "/dev/cu.wchusbserial1410 'για mac)
• Κάντε κλικ στο πλευρικό βέλος για να το ανεβάσετε και περιμένετε μέχρι να το κάνετε.

Εάν λάβετε ένα μήνυμα μετά από περίπου 2 - 3 λεπτά λέγοντας ότι ολοκληρώθηκε η μεταφόρτωση, τότε όλα λειτούργησαν τέλεια! Για να ελέγξουμε ξανά ότι λειτουργεί ο πίνακας μας, μπορούμε επίσης να μεταβούμε στη ρύθμιση WiFi και να αναζητήσουμε το όνομα που δώσαμε στον πίνακα νωρίτερα, αν είναι εκεί, λειτουργεί.

Βήμα 3: Ρύθμιση της εφαρμογής

Η δημιουργία μιας εφαρμογής που λαμβάνει δεδομένα από έναν εξωτερικό πίνακα IoT μπορεί να φανεί πολύ τρομακτική αν δεν είστε επαγγελματίας προγραμματιστής εφαρμογών, ωστόσο, αυτό δεν είναι πρόβλημα γιατί θα χρησιμοποιήσουμε την υποδομή AppSheds για να φτιάξουμε την εφαρμογή μας, πράγμα που το κάνει πραγματικά Ανετα.

Πρέπει να ξεκινήσουμε πηγαίνοντας στο AppShed και είτε να δημιουργήσουμε έναν δωρεάν λογαριασμό είτε να συνδεθούμε σε έναν υπάρχοντα. Από εδώ θα πρέπει να δείτε τις δύο επιλογές IoT Builder ή App Builder, θα ξεκινήσουμε κάνοντας κλικ στο IoT Builder καθώς αυτό θα μας επιτρέψει να ορίσουμε ποιες καρφίτσες θέλουμε να λειτουργούν ως έξοδοι ή είσοδοι. Μόλις φορτωθεί η σελίδα, κάντε κλικ στο New IoT Project και ονομάστε την είσοδο του πίνακα και κάντε κλικ στην επιλογή αποθήκευση.

Τώρα δεδομένου ότι θέλουμε να ορίσουμε μία από τις καρφίτσες ως είσοδο για να δούμε πότε πιέζεται το κουμπί, πρέπει να ξεκινήσουμε κάνοντας κλικ στο εικονίδιο του κουμπιού κάτω από τις Digitalηφιακές εισόδους και, στη συνέχεια, κάντε κλικ στην καρφίτσα 1 για να τις συνδέσετε και να της δώσετε ένα όνομα όπως " κουμπί "και κάντε κλικ στην επιλογή αποθήκευση.

Τώρα θα πάμε στην πλευρά των πραγμάτων του App Building.

Βήμα 4: Δημιουργία της εφαρμογής

Τώρα επιστρέφουμε σε αυτήν τη σελίδα προορισμού μετά τη σύνδεση και κάνουμε κλικ στο App Builder αυτή τη φορά. Θα πρέπει να σας παρουσιαστεί ένα προσομοιωμένο τηλέφωνο, πρέπει να ξεκινήσουμε κάνοντας κλικ στο κουμπί συν για να ξεκινήσετε μια νέα εφαρμογή. Μόλις φορτωθεί, το πρώτο πράγμα που πρέπει να κάνουμε είναι να συνδέσουμε αυτόν τον πίνακα IoT που μόλις κάναμε με την εφαρμογή μας, το κάνουμε αυτό κάνοντας κλικ στον πίνακα και στη συνέχεια κάνοντας κλικ στον πίνακα που μόλις φτιάξαμε, ο οποίος θα πρέπει να ονομάζεται είσοδος. Τώρα με τον πίνακα φορτωμένο, μπορούμε να αρχίσουμε να προσθέτουμε λειτουργίες στην εφαρμογή.

Ξεκινάμε κάνοντας κλικ στο πλαίσιο εισαγωγής κάτω από τις φόρμες και τον τίτλο Κατάσταση κουμπιού. Στη συνέχεια, πρέπει να το ονομάσουμε κουμπί, αυτό είναι σημαντικό επειδή ονομάσαμε το pin ένα κουμπί νωρίτερα, οπότε η ονομασία του κουμπιού βοηθάει να συνδεθούν αυτά τα δύο πράγματα. Τώρα απλά κάνουμε κλικ στην αποθήκευση και η εφαρμογή έχει τελειώσει!

Βήμα 5: Δημοσίευση και δοκιμή

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

Μόλις φορτωθεί αυτή η εφαρμογή web, χρειαζόμασταν να συνδέσουμε το τηλέφωνό μας με τις συσκευές IoT WiFi που κάνουμε, μεταβαίνοντας στη ρύθμιση WiFi του τηλεφώνου σας και στη συνέχεια συνδέοντας το όνομα της συσκευής που της δώσαμε νωρίτερα.

Τώρα μπορούμε να επιστρέψουμε στην εφαρμογή και να πατήσουμε το κουμπί στις συσκευές μας IoT, θα πρέπει να βλέπετε 1 όταν πατάτε το κουμπί και 0 όταν δεν πατάτε το κουμπί. Εάν δεν βλέπετε καμία τιμή, δοκιμάστε να ανανεώσετε τη σελίδα και θα εμφανιστεί μια τιμή που εμφανίζεται.

Βήμα 6: Προχωρώντας περαιτέρω

Τώρα ναι μόνο το να βλέπεις ένα 1 ή 0 είναι λίγο βαρετό, ωστόσο, η ουσία αυτού του έργου είναι μόνο να σου δείξει τι είναι δυνατό, είναι δουλειά σου να το προχωρήσεις περαιτέρω και να δημιουργήσεις κάτι πραγματικά εκπληκτικό. Για παράδειγμα, μπορείτε να ρυθμίσετε την εφαρμογή να ενεργοποιεί έναν ήχο ή να αναπαράγει ένα βίντεο (εδώ είναι ένα παράδειγμα αυτού

Εάν έχετε οποιεσδήποτε ερωτήσεις, αφήστε μας ένα σχόλιο, ευχαριστούμε για την ανάγνωση!