IoT-Button, der Ihre App steuert - Gunook

2025 Autor: John Day | [email protected]. Zuletzt bearbeitet: 2025-01-23 12:52

Von appshedAppShedFollow Mehr vom Autor:

Über: Appshed ist eine Bildungsplattform, auf der Schüler und Lehrer App-Building, Game Making und IoT/Robotik lernen können. Mehr über appshed »

Eines der Dinge, die ich an Mikrocontrollern am meisten mag, ist die Möglichkeit, sie als Eingabegerät zu verwenden, zum Beispiel kann das Arduino Micro als HID (Human Interface Device) verwendet werden, was bedeutet, dass Sie mit etwas Codierung und Know-how Ihre eigene Tastatur erstellen können oder Maus von einem Arduino! Das brachte mich dazu, darüber nachzudenken, wie es wäre, ein IoT-Gerät als Eingabe zur Steuerung von Dingen in einer App zu verwenden. In diesem Projekt werden wir uns also ansehen, wie man eine App-verbundene Taste erstellt, die so programmiert werden kann, dass sie fast alles in unserer App tut.

Schritt 1: Installieren der Bibliotheken

Um unseren Code hochzuladen, verwenden wir die sehr beliebte Arduino IDE, die hier heruntergeladen werden kann. Da wir nun die Website AppShed verwenden werden, um die Funktionsweise des Boards zu steuern und zu bearbeiten, müssen wir uns nicht auf den eigentlichen Code konzentrieren, der in das Board eingeht. Der Code, den wir hochladen, ist die AppShed-Masterskizze, mit der die Website alle Pins auf der Platine steuern kann.

Um nun Code über die Arduino IDE auf unser Board hochladen zu können, müssen wir seine Bibliothek installieren, die es der IDE ermöglicht, mit unserem spezifischen Board zu kommunizieren. Dies geschieht wie folgt:

• Starten Sie die Arduino-IDE
• Navigieren Sie zu Datei und klicken Sie auf Einstellungen
• Unten sollten Sie "zusätzliche Board-Manager-URLs" sehen, gefolgt von einem Leerzeichen
• Kopieren Sie dies und fügen Sie es in das leere Feld ein

Jetzt müssen wir die Boards unter Boardmanager installieren.

• Navigieren Sie zu Tools, dann Board und klicken Sie dann auf Board Manager
• Suchen Sie nun in der Suchleiste nach ESP8266
• Klicken Sie auf die erste Option und klicken Sie auf Installieren

Jetzt kann unser Board mit der Arduino IDE kommunizieren

Schritt 2: Hochladen des Codes

An dieser Stelle haben wir die Bibliotheken heruntergeladen, die erforderlich sind, um die Arduino-IDE bei der Kommunikation mit unserem IoT-Board zu unterstützen, und wir haben die Bibliotheken heruntergeladen, die die Ausführung der AppShed-Masterskizze ermöglichen. Jetzt müssen wir nur noch den Namen und das Passwort Ihres IoT-Geräts im Code ändern. Wenn Sie dies nicht tun, lautet der WLAN-Name Ihres IoT-Geräts "Ihr_Gerät_Name_hier".

Dazu benötigen wir Folgendes:

• Schließen Sie Ihr IoT-Board an Ihren Computer an
• Laden Sie die Appshed-Masterskizze (die Sie hier finden) herunter und öffnen Sie sie.
• Navigieren Sie zu Tools und klicken Sie auf Board
• Scrollen Sie nach unten, bis Sie Ihr Board sehen, und klicken Sie dann darauf (ich verwende die NodeMCU, also klicke ich auf NodeMCU).
• Navigieren Sie nun zurück zu Tools und klicken Sie auf Port, von hier aus sollten Sie Ihr Board sehen (sollte so aussehen "com 9", wenn Sie unter Windows sind und "/dev/cu.wchusbserial1410' für Mac)
• Klicken Sie zum Hochladen auf den zur Seite weisenden Pfeil und warten Sie, während dies der Fall ist.

Wenn Sie nach ca. 2 - 3 Minuten eine Meldung erhalten, dass das Hochladen abgeschlossen ist, hat alles perfekt funktioniert! Um zu überprüfen, ob unser Board funktioniert, können wir auch unsere WiFi-Einstellung aufrufen und nach dem Namen suchen, den wir dem Board zuvor gegeben haben, wenn es dort ist, funktioniert es.

Schritt 3: Einrichten der App

Eine App zu erstellen, die Daten von einem externen IoT-Board empfängt, kann ziemlich beängstigend erscheinen, wenn Sie kein professioneller App-Entwickler sind. Dies ist jedoch kein Problem, da wir die AppSheds-Infostruktur verwenden werden, um unsere App zu erstellen, was sie wirklich macht einfach.

Wir müssen zunächst zu AppShed gehen und entweder ein kostenloses Konto erstellen oder uns bei einem bestehenden anmelden. Von hier aus sollten Sie die beiden Optionen IoT Builder oder App Builder sehen. Wir beginnen mit einem Klick auf IoT Builder, da wir so einstellen können, welche Pins wir als Ausgänge oder Eingänge fungieren möchten. Sobald die Seite geladen ist, klicken Sie auf Neues IoT-Projekt, benennen Sie die Board-Eingabe und klicken Sie auf Speichern.

Da wir nun einen der Pins als Eingang festlegen möchten, um zu sehen, wann die Schaltfläche gedrückt wird, müssen wir zunächst auf das Schaltflächensymbol unter Digital Inputs klicken und dann auf Pin 1 klicken, um sie miteinander zu verbinden und dann einen Namen wie " Schaltfläche" und klicken Sie auf Speichern.

Jetzt werden wir zur Seite der App-Erstellung übergehen.

Schritt 4: Erstellen der App

Nun kehren wir nach dem Login zu dieser Landingpage zurück und klicken diesmal auf App Builder. Ihnen sollte ein simuliertes Telefon präsentiert werden, wir müssen mit einem Klick auf die Plus-Schaltfläche beginnen, um eine neue App zu starten. Sobald das geladen ist, müssen wir als erstes dieses IoT-Board, das wir gerade erstellt haben, mit unserer App verknüpfen. Dazu klicken wir auf Boards und dann auf das Board, das wir gerade erstellt haben und das Input heißen soll. Nachdem das Board nun geladen ist, können wir der App Funktionen hinzufügen.

Wir beginnen, indem wir auf das Eingabefeld unter Formulare klicken und es mit dem Titel Button State betiteln. Wir müssen dann die Schaltfläche benennen. Dies ist wichtig, da wir zuvor die Schaltfläche "Pin 1" genannt haben. Jetzt klicken wir nur noch auf Speichern und die App ist fertig!

Schritt 5: Veröffentlichen und Testen

Jetzt, da die super einfache App erstellt wurde, müssen wir sie veröffentlichen und auf unser Telefon laden. Wir tun dies, indem wir auf die Schaltfläche "Veröffentlichen" klicken. Sobald dies abgeschlossen ist, müssen wir zur Registerkarte "Teilen" navigieren und auf QR-Code klicken, der Ihnen dann einen QR-Code anzeigt, den Sie mit Ihrem Telefon scannen können.

Sobald diese Web-App geladen ist, mussten wir unser Telefon mit unserem IoT-Geräte-WLAN verbinden, was wir tun, indem wir zu den WLAN-Einstellungen auf Ihrem Telefon gehen und dann eine Verbindung zu dem Gerätenamen herstellen, den wir ihm zuvor gegeben haben.

Jetzt können wir zur App zurückkehren und die Taste auf unseren IoT-Geräten drücken. Sie sollten eine 1 sehen, wenn die Taste gedrückt wird und eine 0, wenn die Taste nicht gedrückt wird. Wenn Sie keinen Wert sehen, versuchen Sie, die Seite zu aktualisieren, und Sie sollten ein Wert-Popup sehen.

Schritt 6: Weitermachen

Nun ja, nur eine 1 oder 0 zu sehen, ist ein wenig langweilig, aber der Sinn dieses Projekts besteht nur darin, Ihnen zu zeigen, was möglich ist, es ist Ihre Aufgabe, es weiter zu bringen und etwas wirklich Erstaunliches zu schaffen. Als Beispiel könnten Sie die App so einstellen, dass sie einen Ton auslöst oder ein Video abspielt (hier ist ein Beispiel dafür

Wenn Sie Fragen haben, hinterlassen Sie uns bitte einen Kommentar, danke fürs Lesen!