Web-приложение SmartMirror с использованием последовательной связи: 6 шагов

2024 Автор: John Day | [email protected]. Последнее изменение: 2024-01-30 11:53

Это руководство поставляется со всем готовым к использованию кодом. Разработка была очень сложной, но после настройки ее действительно легко настроить.

Смотрите и наслаждайтесь;)

Шаг 1. Настройка Arduino

Прежде всего, вам нужно настроить ваш Arduino.

Начнем с подключения датчика SRF к вашему Arduino. На фото выше вы можете увидеть, как я подключил SRF к своему Arduino.

В zip-файле вы найдете код Arduino для загрузки на ваш Arduino. Когда вы запускаете этот код и открываете последовательный монитор в Arduino IDE, вы должны увидеть «0», когда вы находитесь дальше 1 метра, и «1», когда вы находитесь в пределах метра от датчика.

Вы можете заменить эти числа, но позже их будет легче прочитать.

Шаг 2: установка Node.js и запуск веб-сокета

Прежде чем мы сможем отправить данные в нашу среду браузера, нам нужно будет установить Node. JS.

Если он установлен, откройте командную строку и перейдите в папку Smartmirror.

$ cd Desktop / SmartMirror

Теперь вы находитесь в папке, в которой запускаете файл index.js, содержащийся в ZIP-архиве.

$ node index.js

Обычно теперь вы должны видеть цифры «0» и «1» на вашем датчике.

ЗАМЕТКА:

внутри index.js вам, вероятно, придется изменить свой порт. Мой был установлен в COM6. Проверьте в своей среде разработки arduino, к которой подключен ваш arduino.

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

Шаг 3. Откройте веб-страницу

Внутри веб-страницы я настроил несколько API, таких как часы, погода и т. Д.

Откройте файл index.html внутри общедоступной карты, и вы увидите внутри командной строки «новое соединение».

Если все работает так, как должно, текст должен начать (исчезать), если вы находитесь в пределах метра или нет.

Шаг 4: лазерная резка корпуса

Я также предоставил свой собственный шаблон для корпуса, но вы можете создать свой собственный, потому что у вас, вероятно, будет другой монитор, чем у меня.

Вырезав его, вы собираете и прячете все кабели.

Шаг 5: СДЕЛАНО

Если все прошло по плану, теперь у вас должно быть смарт-зеркало!

Шаг 6: советы

Вы можете сделать его более компактным и беспроводным, если используете Raspberry Pi. Это будет меньше кабелей и больше подвижного.