Cuprins:

SmartMirror bazat pe web folosind comunicarea în serie: 6 pași
SmartMirror bazat pe web folosind comunicarea în serie: 6 pași

Video: SmartMirror bazat pe web folosind comunicarea în serie: 6 pași

Video: SmartMirror bazat pe web folosind comunicarea în serie: 6 pași
Video: Iti place soricul? 🐷 2024, Iulie
Anonim
SmartMirror bazat pe web utilizând comunicarea în serie
SmartMirror bazat pe web utilizând comunicarea în serie

Acest instructable este livrat cu tot codul gata de utilizare. Dezvoltarea a fost foarte complicată, dar odată configurată, este foarte ușor de personalizat.

Aruncați o privire și bucurați-vă;)

Pasul 1: Configurarea Arduino

Configurarea Arduino
Configurarea Arduino
Configurarea Arduino
Configurarea Arduino

În primul rând va trebui să vă configurați arduino.

Să începem cu conectarea senzorului SRF la arduino. În fotografia de mai sus puteți vedea cum am conectat SRF la arduino.

În fișierul zip veți găsi un cod Arduino pe care să îl încărcați pe Arduino. Când rulați acest cod și deschideți monitorul serial în Arduino IDE, ar trebui să vedeți un „0” atunci când sunteți mai departe de 1 metru și un „1” când vă aflați la un metru de senzor.

Puteți înlocui aceste numere, dar este mai ușor de citit mai târziu.

Pasul 2: Instalarea Node.js și rularea Websocket-ului

Instalarea Node.js și rularea Websocket-ului
Instalarea Node.js și rularea Websocket-ului
Instalarea Node.js și rularea Websocket-ului
Instalarea Node.js și rularea Websocket-ului

Înainte de a putea trimite datele în mediul browserului nostru, va trebui să instalăm Node. JS.

Dacă este instalat, deschideți promptul de comandă și navigați la folderul Smartmirror

$ cd Desktop / SmartMirror

Acum vă aflați în dosarul în care rulați fișierul index.js furnizat în ZIP.

$ node index.js

În mod normal, ar trebui să vedeți „0” și „1” de la senzor acum.

NOTĂ:

în index.js va trebui probabil să vă schimbați portul. Al meu a fost înființat în COM6. Verificați IDE-ul dvs. arduino la care este conectat arduino.

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

Pasul 3: Deschideți pagina web

Deschideți pagina web
Deschideți pagina web

În interiorul paginii web am configurat câteva API-uri precum un ceas, vremea etc.

Deschideți fișierul index.html în interiorul hărții publice și veți vedea în linia de comandă „conexiune nouă”.

Dacă totul funcționează așa cum ar trebui, textul ar trebui să înceapă (dez) să apară dacă sunteți la un metru sau nu.

Pasul 4: Decupați carcasa

Lasercut Carcasa
Lasercut Carcasa
Lasercut Carcasa
Lasercut Carcasa

De asemenea, am oferit propriul meu șablon pentru o carcasă, dar puteți să creați propriul dvs., deoarece probabil că veți avea un alt monitor decât mine.

Odată ce l-ați decupat, îl asamblați și ascundeți toate cablurile.

Pasul 5: GATA

Dacă totul a decurs conform planului, ar trebui să aveți acum oglinda inteligentă!

Pasul 6: Sfaturi

L-ați putea face mai compact și fără fir dacă utilizați un Raspberry Pi. Acesta va fi mai puțin cabluri și mai mobil.

Recomandat: