Taula de continguts:
- Pas 1: Configuració del vostre Arduino
- Pas 2: Instal·leu Node.js i executeu el Websocket
- Pas 3: obriu la pàgina web
- Pas 4: retallar la carcassa
- Pas 5: FET
- Pas 6: consells
Vídeo: SmartMirror basat en web mitjançant comunicació en sèrie: 6 passos
2025 Autora: John Day | [email protected]. Última modificació: 2025-01-13 06:57
Aquest instructiu es lliura amb tot el codi a punt per utilitzar. El desenvolupament va ser molt complicat, però un cop configurat, és molt fàcil de personalitzar.
Fes una ullada i gaudeix;)
Pas 1: Configuració del vostre Arduino
Primer de tot, haureu de configurar el vostre arduino.
Comencem per connectar el sensor SRF al vostre arduino. A la foto superior podeu veure com he connectat l'SRF al meu arduino.
Al fitxer zip trobareu un codi Arduino per penjar-lo al vostre Arduino. Quan executeu aquest codi i obriu el monitor sèrie a l'IDE d'Arduino, hauríeu de veure un "0" a més d'1 metre i un "1" a menys d'un metre del sensor.
Podeu substituir aquests números, però és més fàcil llegir-los més tard.
Pas 2: Instal·leu Node.js i executeu el Websocket
Abans de poder enviar les dades a l’entorn del nostre navegador, haurem d’instal·lar Node. JS.
Si s’instal·la, obriu l’indicador d’ordres i aneu a la carpeta Smartmirror
$ cd Desktop / SmartMirror
Ara esteu a la carpeta on executeu el fitxer index.js que es proporciona al ZIP.
$ node index.js
Normalment, ara hauríeu de veure el "0" i el "1" del sensor.
NOTA:
dins de index.js probablement haureu de canviar el port. La meva es va crear a COM6. Comproveu el vostre ID d’arduino a quin està connectat el vostre arduino.
var myPort = new SerialPort ('COM6', {baudRate: 9600});
Pas 3: obriu la pàgina web
Dins de la pàgina web he configurat un parell d'API com un rellotge, el temps, etc.
Obriu el fitxer index.html dins del mapa públic i veureu la "nova connexió" del vostre símbol del sistema.
Si tot funciona com hauria de començar, el text hauria de començar a aparèixer (si es troba a menys d'un metre).
Pas 4: retallar la carcassa
També he proporcionat la meva pròpia plantilla per a una carcassa, però podeu crear la vostra perquè probablement tindreu un altre monitor que no pas jo.
Un cop tallat, el munteu i amagueu tots els cables.
Pas 5: FET
Si tot anés com estava previst, ara hauríeu de tenir el vostre mirall intel·ligent.
Pas 6: consells
Podeu fer-lo més compacte i sense fils si utilitzeu un Raspberry Pi. Seran menys cables i més mòbils.