Indholdsfortegnelse:

Web-baseret SmartMirror ved hjælp af seriel kommunikation: 6 trin
Web-baseret SmartMirror ved hjælp af seriel kommunikation: 6 trin

Video: Web-baseret SmartMirror ved hjælp af seriel kommunikation: 6 trin

Video: Web-baseret SmartMirror ved hjælp af seriel kommunikation: 6 trin
Video: 🚀 AMAZON 2.0 - ONLINEBUTIK fra bunden på 6 timer [Next / React / Nest / PostgreSQL / Prisma / TS] 2024, Juli
Anonim
Web-baseret SmartMirror ved hjælp af seriel kommunikation
Web-baseret SmartMirror ved hjælp af seriel kommunikation

Denne instruktør leveres med al koden klar til brug. Udviklingen var meget kompliceret, men når den først er konfigureret, er den virkelig let at tilpasse.

Tag et kig og nyd det;)

Trin 1: Konfiguration af din Arduino

Konfiguration af din Arduino
Konfiguration af din Arduino
Konfiguration af din Arduino
Konfiguration af din Arduino

Først og fremmest skal du konfigurere din arduino.

Lad os starte med at forbinde SRF -sensoren til din arduino. På billedet ovenfor kan du se, hvordan jeg sluttede SRF til min arduino.

I zipfilen finder du en Arduino -kode, der skal uploades til din Arduino. Når du kører denne kode og åbner den serielle skærm i Arduino IDE, skal du se et "0", når du er længere end 1 meter og en "1", når du er inden for en meter fra sensoren.

Du kan erstatte disse tal, men det er lettere at læse op senere.

Trin 2: Installation af Node.js og kørsel af Websocket

Installation af Node.js og kørsel af Websocket
Installation af Node.js og kørsel af Websocket
Installation af Node.js og kørsel af Websocket
Installation af Node.js og kørsel af Websocket

Inden vi kan sende dataene til vores browsermiljø, skal vi installere Node. JS.

Hvis det er installeret, åbner du din kommandoprompt og navigerer til din Smartmirror -mappe

$ cd Desktop/SmartMirror

Nu er du i den mappe, du kører index.js -filen, der findes i ZIP.

$ node index.js

Normalt skal du se "0" og "1" fra din sensor nu.

BEMÆRK:

inde i index.js bliver du sandsynligvis nødt til at ændre din port. Min blev oprettet i COM6. Tjek din arduino IDE, hvilken en din arduino er forbundet til.

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

Trin 3: Åbn websiden

Åbn websiden
Åbn websiden

Inde på websiden oprettede jeg et par API som et ur, vejret osv.

Åbn filen index.html inde i det offentlige kort, og du vil se inde i din kommandoprompt "ny forbindelse".

Hvis alt fungerer som det skal, skal teksten begynde (dis) at blive vist, hvis du er inden for en meter eller ej.

Trin 4: Lasercut kabinettet

Lasercut kabinettet
Lasercut kabinettet
Lasercut kabinettet
Lasercut kabinettet

Jeg leverede også min egen skabelon til et kabinet, men du kan oprette din egen, fordi du sandsynligvis har en anden skærm end mig.

Når du har skåret det ud, samler du det og skjuler alle kablerne.

Trin 5: FÆRDIG

Hvis alt gik som planlagt, skulle du nu have dit smartmirror!

Trin 6: Tips

Du kan gøre det mere kompakt og trådløst, hvis du bruger en Raspberry Pi. Dette vil være mindre kabler og mere bevægeligt.

Anbefalede: