Съдържание:

Уеб-базиран SmartMirror, използващ серийна комуникация: 6 стъпки
Уеб-базиран SmartMirror, използващ серийна комуникация: 6 стъпки

Видео: Уеб-базиран SmartMirror, използващ серийна комуникация: 6 стъпки

Видео: Уеб-базиран SmartMirror, използващ серийна комуникация: 6 стъпки
Видео: Мошенники не умеют обманывать: объяснение протокола справедливости 2024, Юли
Anonim
Уеб-базиран SmartMirror Използване на серийна комуникация
Уеб-базиран SmartMirror Използване на серийна комуникация

Тази инструкция се доставя с целия код, готов за употреба. Разработката беше много сложна, но след като бъде настроена, наистина е лесно да се персонализира.

Разгледайте и се насладете;)

Стъпка 1: Конфигуриране на вашия Arduino

Конфигуриране на вашия Arduino
Конфигуриране на вашия Arduino
Конфигуриране на вашия Arduino
Конфигуриране на вашия Arduino

На първо място, ще трябва да конфигурирате вашия arduino.

Нека започнем с свързването на SRF сензора към вашия arduino. На горната снимка можете да видите как свързах SRF към моя arduino.

В zip файла ще намерите код на Arduino, който да качите във вашия Arduino. Когато стартирате този код и отворите серийния монитор в Arduino IDE, трябва да видите "0", когато сте по -далеч от 1 метър, и "1", когато сте на метър от сензора.

Можете да замените тези номера, но е по -лесно да ги прочетете по -късно.

Стъпка 2: Инсталиране на Node.js и стартиране на Websocket

Инсталиране на Node.js и стартиране на Websocket
Инсталиране на Node.js и стартиране на Websocket
Инсталиране на Node.js и стартиране на Websocket
Инсталиране на Node.js и стартиране на Websocket

Преди да можем да изпратим данните към нашата среда на браузъра, ще трябва да инсталираме Node. JS.

Ако това е инсталирано, отваряте командния ред и отивате в папката Smartmirror

$ cd Desktop/SmartMirror

Сега сте в папката, в която стартирате файла index.js, предоставен в ZIP.

$ node index.js

Обикновено сега трябва да виждате "0" и "1" от вашия сензор.

ЗАБЕЛЕЖКА:

вътре в index.js вероятно ще трябва да смените своя порт. Моят е създаден в COM6. Проверете във вашата arduino IDE към коя е свързана вашата arduino.

var myPort = нов SerialPort ('COM6', {baudRate: 9600});

Стъпка 3: Отворете уеб страницата

Отворете уеб страницата
Отворете уеб страницата

Вътре в уеб страницата създадох няколко API като часовник, времето и т.н.

Отворете файла index.html в публичната карта и в командния ред ще видите „нова връзка“.

Ако всичко работи както трябва, текстът трябва да започне (не) да се появява, ако сте на метър или не.

Стъпка 4: Лазерно изрязване на корпуса

Лазерно изрязване на корпуса
Лазерно изрязване на корпуса
Лазерно изрязване на корпуса
Лазерно изрязване на корпуса

Предоставих и собствен шаблон за корпус, но можете да създадете свой собствен, защото вероятно ще имате друг монитор от мен.

След като го изрежете, го сглобявате и скривате всички кабели.

Стъпка 5: ГОТОВО

Ако всичко вървеше по план, сега трябва да имате вашето smartmirror!

Стъпка 6: Съвети

Можете да го направите по -компактен и безжичен, ако използвате Raspberry Pi. Това ще бъде по -малко кабели и по -подвижни.

Препоръчано: