Контролируем сервопривод через веб-страницу

Узнайте, как создать веб-страницу, которая может использоваться для управления сервомотором с помощью JQUERY и Arduino UNO.

Таким образом в этом проекте мы будем управлять сервомотором через веб-страницу. Веб-страница будет создана с использованием модуля ESP8266, и, перемещая ползунок на веб-странице, сервомотор будет двигаться.

Шаг 1. Что нам понадобится

У нас в этом уроке не так много комплектующих и все они доступны в интернет-магазинах.

Аппаратные средства

1 - Arduino UNO
1 - Серво-мотор sg90
1 - ESP8266
1 - Адаптер ESP-01
1 - Провода-перемычки

Программное обеспечение

1 - JQUERY

Шаг 2. Принципиальная электрическая схема

Сначала подключите ESP8266 к Arduino. Мы использовали адаптер для подключения ESP8266 к Arduino, что упростит соединение. Адаптер имеет регулятор от 5 до 3,3 В, и вам не нужно подключать к нему какие-либо внешние резисторы.

  • Подключите GND адаптера к GND Arduino
  • Подключите VCC адаптера к 5V Arduino
  • Подключите RX от адаптера к контакту 2 Arduino
  • Подключите вывод TX от адаптера к контакту 3 Arduino

После этого соедините сервомотор с Arduino. Соедините сервомотор с Arduino следующим образом:

  • Черный провод серводвигателя к выходу GND Arduino
  • Красный провод серводвигателя к выводу 5V Arduino
  • Желтый провод серводвигателя на штырь 8 Arduino

Шаг 3. Создание веб-страницы с использованием HTML

Чтобы управлять сервомотором через веб-страницу, нам нужно будет сделать веб-страницу с помощью HTML. Код HTML, который мы создали для нашего проекта, можно скопировать ниже:

Если вы хотите переименовать файл, измените имя файла, но убедитесь, что он имеет «.html» в конце.

После этого загрузите файл JQUERY, который ниже, и поместите этот файл в ту же папку, что и файл HTML.

После этого откройте HTML, и веб-страница будет выглядеть так:

Измените имя и пароль Wi-Fi в коде Arduino своими именем и паролем и загрузите код в Ардуино. Откройте последовательный монитор, и он покажет вам IP-адрес, как показано на следующем рисунке:

Введите этот IP-адрес в форме на веб-странице, и когда вы переместите ползунок, сервомотор начнет движение.

Шаг 4. Код проекта

Сам код проекта вы можете скачать или скопировать ниже:

Прежде всего, включите библиотеки для серийного программного обеспечения и для серво. Серийная библиотека программного обеспечения поможет нам использовать связь TX и RX на других контактах Arduino. Серво-библиотека поможет нам легко перемещать серво. После этого мы определили контакты, к которым мы подключили RX и TX от ESP8266, а затем мы определили контакт, к которому мы подключили сервомотор.

В функции настройки мы сообщаем Arduino, к которому пину мы подключили сервомотор, и двигаем мотор до максимального положения. Затем мы устанавливаем скорость передачи для последовательной связи и ESP8266 на 9600. Установите скорость передачи в ESP8266 в соответствии со скоростью передачи в ESP8266. Ваш ESP8266 может иметь другую скорость передачи.

Следующие команды подключат ESP8266 к вашей сети Wi-Fi и установят веб-сервер на IP-адрес и порт, которые он будет показывать на последовательном мониторе после загрузки кода.

Arduino увидит, доступны данные или нет. Если ползунок на веб-странице перемещен, ESP8266 отправит данные в Arduino в соответствии с движением ползунка. Arduino будет перемещать серводвигатель в соответствии со значением, данным от ESP8266.

Следующая функция отправит команды в ESP8266 и отобразит ответ ESP8266 на последовательном мониторе.

На этом всё. Впереди нас ждут еще больше проектов.

Ардуино+
Больше интересного ↓