Webbasierter SmartMirror mit serieller Kommunikation - Gunook

2024 Autor: John Day | [email protected]. Zuletzt bearbeitet: 2024-01-30 07:21

Dieses anweisbare wird mit dem ganzen gebrauchsfertigen Code geliefert. Die Entwicklung war sehr kompliziert, aber sobald sie eingerichtet ist, ist sie wirklich einfach anzupassen.

Schaut rein und genießt;)

Schritt 1: Konfigurieren Ihres Arduino

Zuerst müssen Sie Ihr Arduino konfigurieren.

Beginnen wir damit, den SRF-Sensor mit Ihrem Arduino zu verbinden. Auf dem Foto oben sehen Sie, wie ich das SRF mit meinem Arduino verbunden habe.

In der Zip-Datei finden Sie einen Arduino-Code zum Hochladen auf Ihren Arduino. Wenn Sie diesen Code ausführen und den seriellen Monitor in der Arduino IDE öffnen, sollten Sie eine "0" sehen, wenn Sie weiter als 1 Meter entfernt sind, und eine "1", wenn Sie sich innerhalb eines Meters vom Sensor befinden.

Sie können diese Nummern ersetzen, aber es ist später einfacher auszulesen.

Schritt 2: Node.js installieren und Websocket ausführen

Bevor wir die Daten an unsere Browserumgebung senden können, müssen wir Node. JS installieren.

Wenn das installiert ist, öffnen Sie Ihre Eingabeaufforderung und navigieren Sie zu Ihrem Smartmirror-Ordner

$ cd Desktop/SmartMirror

Jetzt befinden Sie sich in dem Ordner, in dem Sie die Datei index.js ausführen, die in der ZIP-Datei bereitgestellt wird.

$ node index.js

Normalerweise sollten Sie jetzt die "0" und "1" von Ihrem Sensor sehen.

HINWEIS:

innerhalb der index.js müssen Sie wahrscheinlich Ihren Port ändern. Meins wurde in COM6 eingerichtet. Überprüfen Sie in Ihrer Arduino-IDE, mit welcher Ihr Arduino verbunden ist.

var myPort = new SerialPort('COM6', {baudRate: 9600});

Schritt 3: Öffnen Sie die Webseite

Auf der Webseite habe ich ein paar APIs wie eine Uhr, das Wetter usw. eingerichtet.

Öffnen Sie die Datei index.html in der öffentlichen Karte und Sie sehen in Ihrer Eingabeaufforderung "neue Verbindung".

Wenn alles wie gewünscht funktioniert, sollte der Text beginnen (verschwinden), wenn Sie sich innerhalb eines Meters befinden oder nicht.

Schritt 4: Lasercut das Gehäuse

Ich habe auch meine eigene Vorlage für ein Gehäuse bereitgestellt, aber Sie können Ihre eigene erstellen, da Sie wahrscheinlich einen anderen Monitor als ich haben.

Sobald Sie es ausgeschnitten haben, bauen Sie es zusammen und verstecken alle Kabel.

Schritt 5: FERTIG

Wenn alles nach Plan gelaufen ist, sollten Sie jetzt Ihren Smartmirror haben!

Schritt 6: Tipps

Sie könnten es kompakter und kabelloser machen, wenn Sie einen Raspberry Pi verwenden. Dies wird weniger Kabel und mehr beweglich sein.