![Уеб-базиран SmartMirror, използващ серийна комуникация: 6 стъпки Уеб-базиран SmartMirror, използващ серийна комуникация: 6 стъпки](https://i.howwhatproduce.com/images/002/image-5522-56-j.webp)
Съдържание:
2025 Автор: John Day | [email protected]. Последно модифициран: 2025-01-23 14:36
![Уеб-базиран SmartMirror Използване на серийна комуникация Уеб-базиран SmartMirror Използване на серийна комуникация](https://i.howwhatproduce.com/images/002/image-5522-57-j.webp)
Тази инструкция се доставя с целия код, готов за употреба. Разработката беше много сложна, но след като бъде настроена, наистина е лесно да се персонализира.
Разгледайте и се насладете;)
Стъпка 1: Конфигуриране на вашия Arduino
![Конфигуриране на вашия Arduino Конфигуриране на вашия Arduino](https://i.howwhatproduce.com/images/002/image-5522-58-j.webp)
![Конфигуриране на вашия Arduino Конфигуриране на вашия Arduino](https://i.howwhatproduce.com/images/002/image-5522-59-j.webp)
На първо място, ще трябва да конфигурирате вашия arduino.
Нека започнем с свързването на SRF сензора към вашия arduino. На горната снимка можете да видите как свързах SRF към моя arduino.
В zip файла ще намерите код на Arduino, който да качите във вашия Arduino. Когато стартирате този код и отворите серийния монитор в Arduino IDE, трябва да видите "0", когато сте по -далеч от 1 метър, и "1", когато сте на метър от сензора.
Можете да замените тези номера, но е по -лесно да ги прочетете по -късно.
Стъпка 2: Инсталиране на Node.js и стартиране на Websocket
![Инсталиране на Node.js и стартиране на Websocket Инсталиране на Node.js и стартиране на Websocket](https://i.howwhatproduce.com/images/002/image-5522-60-j.webp)
![Инсталиране на Node.js и стартиране на Websocket Инсталиране на Node.js и стартиране на Websocket](https://i.howwhatproduce.com/images/002/image-5522-61-j.webp)
Преди да можем да изпратим данните към нашата среда на браузъра, ще трябва да инсталираме 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: Отворете уеб страницата
![Отворете уеб страницата Отворете уеб страницата](https://i.howwhatproduce.com/images/002/image-5522-62-j.webp)
Вътре в уеб страницата създадох няколко API като часовник, времето и т.н.
Отворете файла index.html в публичната карта и в командния ред ще видите „нова връзка“.
Ако всичко работи както трябва, текстът трябва да започне (не) да се появява, ако сте на метър или не.
Стъпка 4: Лазерно изрязване на корпуса
![Лазерно изрязване на корпуса Лазерно изрязване на корпуса](https://i.howwhatproduce.com/images/002/image-5522-63-j.webp)
![Лазерно изрязване на корпуса Лазерно изрязване на корпуса](https://i.howwhatproduce.com/images/002/image-5522-64-j.webp)
Предоставих и собствен шаблон за корпус, но можете да създадете свой собствен, защото вероятно ще имате друг монитор от мен.
След като го изрежете, го сглобявате и скривате всички кабели.
Стъпка 5: ГОТОВО
Ако всичко вървеше по план, сега трябва да имате вашето smartmirror!
Стъпка 6: Съвети
Можете да го направите по -компактен и безжичен, ако използвате Raspberry Pi. Това ще бъде по -малко кабели и по -подвижни.
Препоръчано:
Arduino серийна комуникация: 5 стъпки
![Arduino серийна комуникация: 5 стъпки Arduino серийна комуникация: 5 стъпки](https://i.howwhatproduce.com/images/007/image-18061-j.webp)
Arduino серийна комуникация: Много проекти на Arduino разчитат на предаване на данни между няколко Arduinos. Независимо дали сте любител, който изгражда RC кола, RC самолет или проектира метеорологична станция с отдалечен дисплей, ще трябва да знаете как да се уверите надеждно трансферна серия
PIC MCU и серийна комуникация на Python: 5 стъпки
![PIC MCU и серийна комуникация на Python: 5 стъпки PIC MCU и серийна комуникация на Python: 5 стъпки](https://i.howwhatproduce.com/images/002/image-5925-13-j.webp)
PIC MCU и серийна комуникация на Python: Здравейте, момчета! В този проект ще се опитам да обясня експериментите си с PIC MCU и серийната комуникация на Python. В интернет има много уроци и видеоклипове за това как да комуникирате с PIC MCU през виртуален терминал, което е много полезно. Хоув
Използвайте повторно модул за уеб камера HP WebCam 101 Aka 679257-330 като обща USB уеб камера: 5 стъпки
![Използвайте повторно модул за уеб камера HP WebCam 101 Aka 679257-330 като обща USB уеб камера: 5 стъпки Използвайте повторно модул за уеб камера HP WebCam 101 Aka 679257-330 като обща USB уеб камера: 5 стъпки](https://i.howwhatproduce.com/images/006/image-17049-7-j.webp)
Използвайте повторно модул на уеб камера HP WebCam 101 Aka 679257-330 като обща USB уеб камера: Искам да подправя 14-годишния си Panasonic CF-18 с чисто нова уеб камера, но Panasonic вече не поддържа тази прекрасна машина, затова трябва да използвайте сивото вещество за нещо по -лесно от b & b (бири и бургери). Това е първата част
Безжична серийна комуникация с Bluefruit: 4 стъпки
![Безжична серийна комуникация с Bluefruit: 4 стъпки Безжична серийна комуникация с Bluefruit: 4 стъпки](https://i.howwhatproduce.com/images/003/image-7327-12-j.webp)
Безжична серийна комуникация с помощта на Bluefruit: Ето едно просто стъпка по стъпка ръководство за подмяна на кабелите ви с Bluetooth връзка с ниска енергия: Отне ми известно време, за да разбера това, защото едва ли има документация за това с модерни технологии за ниска енергия на Bluetooth, като като Bluefrui
Урок за IO на уеб драйвер Използване на уеб сайт на живо и примери за работа: 8 стъпки
![Урок за IO на уеб драйвер Използване на уеб сайт на живо и примери за работа: 8 стъпки Урок за IO на уеб драйвер Използване на уеб сайт на живо и примери за работа: 8 стъпки](https://i.howwhatproduce.com/images/002/image-4556-56-j.webp)
Урок за IO на уеб драйвер Използване на уеб сайт на живо и примери за работа: Урок за IO на уеб драйвер Използване на уеб сайт на живо и работещи примери Последна актуализация: 26.07.2015 г. (Проверявайте често, докато актуализирам тези инструкции с повече подробности и примери) Предистория интересно предизвикателство ми беше представено. Трябваше да