Web-based SmartMirror Paggamit ng Serial Communication: 6 Mga Hakbang

2024 May -akda: John Day | [email protected]. Huling binago: 2024-01-30 13:14

Ang itinuturo na ito ay naihatid sa lahat ng code na handa nang gamitin. Ang pag-unlad ay napaka-kumplikado ngunit kapag na-set up ito ay talagang madali upang ipasadya.

Tingnan at mag-enjoy;)

Hakbang 1: Pag-configure ng Iyong Arduino

Una sa lahat kakailanganin mong i-configure ang iyong arduino.

Magsimula tayo sa pagkonekta sa SRF Sensor sa iyong arduino. Sa larawan sa itaas makikita mo kung paano ko ikinonekta ang SRF sa aking arduino.

Sa zipfile makakakita ka ng isang Arduino code upang mai-upload sa iyong Arduino. Kapag pinatakbo mo ang code na ito at buksan ang serial monitor sa Arduino IDE dapat mong makita ang isang "0" kapag mas malayo ka sa 1 metro at at isang "1" kapag nasa loob ng isang metro ang sensor.

Maaari mong palitan ang mga numerong ito ngunit mas madaling basahin sa paglaon.

Hakbang 2: Pag-install ng Node.js at Pagpapatakbo ng Websocket

Bago namin maipadala ang data sa aming browser environment kailangan naming i-install ang Node. JS.

Kung naka-install iyon buksan mo ang iyong prompt ng utos at mag-navigate sa iyong Smartmirror folder

$ cd Desktop / SmartMirror

Ngayon ay nasa folder ka na nagpapatakbo ng index.js file na ibinigay sa ZIP.

$ node index.js

Karaniwan dapat mong makita ang "0" at "1" mula sa iyong sensor ngayon.

TANDAAN:

sa loob ng index.js marahil ay kailangan mong baguhin ang iyong port. Ang akin ay na-set up sa COM6. Suriin ang iyong arduino IDE kung alin ang nakakonekta sa iyong arduino.

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

Hakbang 3: Buksan ang Up ng Webpage

Sa loob ng webpage nag-set up ako ng isang pares na API tulad ng isang orasan, panahon, atbp.

Buksan ang index.html file sa loob ng pampublikong mapa at makikita mo sa loob ng "bagong koneksyon" ang Command Prompt.

Kung gumagana ang lahat tulad ng nararapat na magsimula ang teksto (dis) lumitaw kung nasa loob ka ng isang metro o hindi.

Hakbang 4: Lasercut ang Casing

Nagbigay din ako ng sarili kong template para sa isang pambalot ngunit maaari kang lumikha ng iyong sarili dahil marahil ay mayroon kang ibang monitor kaysa sa akin.

Sa sandaling gupitin mo ito, tipunin mo ito at itago ang lahat ng mga kable.

Hakbang 5: TAPOS

Kung ang lahat ay nagpunta tulad ng nakaplano dapat mo na ngayong magkaroon ng iyong smartmirror!

Hakbang 6: Mga Tip

Maaari mo itong gawing mas compact at wireless kung gumamit ka ng isang Raspberry Pi. Ito ay magiging mas mababa sa mga kable at mas madaling ilipat.