Innehållsförteckning:

Webbaserad SmartMirror med seriell kommunikation: 6 steg
Webbaserad SmartMirror med seriell kommunikation: 6 steg

Video: Webbaserad SmartMirror med seriell kommunikation: 6 steg

Video: Webbaserad SmartMirror med seriell kommunikation: 6 steg
Video: SKAM - More than words med Noora 2024, Juli
Anonim
Webbaserad SmartMirror med seriell kommunikation
Webbaserad SmartMirror med seriell kommunikation

Denna instruerbara levereras med all kod redo att användas. Utvecklingen var mycket komplicerad, men när den väl är inställd är den väldigt enkel att anpassa.

Ta en titt och njut;)

Steg 1: Konfigurera din Arduino

Konfigurera din Arduino
Konfigurera din Arduino
Konfigurera din Arduino
Konfigurera din Arduino

Först och främst måste du konfigurera din arduino.

Låt oss börja med att ansluta SRF -sensorn till din arduino. På bilden ovan kan du se hur jag kopplade SRF till min arduino.

I zip -filen hittar du en Arduino -kod att ladda upp till din Arduino. När du kör den här koden och öppnar seriell bildskärm i Arduino IDE bör du se en "0" när du är längre än 1 meter och en "1" när du är inom en meter från sensorn.

Du kan byta ut dessa nummer men det är lättare att läsa ut senare.

Steg 2: Installera Node.js och köra Websocket

Installera Node.js och köra Websocket
Installera Node.js och köra Websocket
Installera Node.js och köra Websocket
Installera Node.js och köra Websocket

Innan vi kan skicka data till vår webbläsarmiljö måste vi installera Node. JS.

Om det är installerat öppnar du kommandotolken och navigerar till din Smartmirror -mapp

$ cd Desktop/SmartMirror

Nu är du i mappen där du kör index.js -filen som finns i ZIP -filen.

$ node index.js

Normalt bör du se "0" och "1" från din sensor nu.

NOTERA:

inne i index.js måste du förmodligen byta port. Min ställdes in i COM6. Kontrollera i din arduino IDE vilken som din arduino är ansluten till.

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

Steg 3: Öppna webbsidan

Öppna webbsidan
Öppna webbsidan

Inne på webbsidan skapade jag ett par API som en klocka, vädret, etc.

Öppna index.html -filen inuti den offentliga kartan och du kommer att se inuti kommandotolken "ny anslutning".

Om allt fungerar som det ska bör texten börja (dis) visas om du är inom en meter eller inte.

Steg 4: Laserskär höljet

Lasercut höljet
Lasercut höljet
Lasercut höljet
Lasercut höljet

Jag gav också min egen mall för ett hölje, men du kan skapa din egen eftersom du förmodligen har en annan bildskärm än jag.

När du har klippt ut den monterar du den och gömmer alla kablar.

Steg 5: KLAR

Om allt gick som planerat borde du nu ha ditt smartspegel!

Steg 6: Tips

Du kan göra den mer kompakt och trådlös om du använder en Raspberry Pi. Detta blir mindre kablar och mer rörligt.

Rekommenderad: