Arduino - управление лампочкой через Интернет

Об этом проекте

В наши дни управление через Интернет стало нормой. В этом простом проекте я покажу вам, как создать приложение для управления лампочкой через Интернет.

Конечно, это не что-то новое, но вы можете увидеть, что веб-средства управления могут предпринять лишь несколько шагов, чтобы сделать это самостоятельно. Любой, кто разбирается в веб-программировании, может создавать веб-приложения для управления / мониторинга устройств.

Вы можете увидеть демонстрацию здесь:

Компонент оборудования

Во-первых, настроить оборудование. Здесь я использую плату Arduino Uno, плату PHPoC WiFi Shield и плату реле PHPoC Arduino.

Как это работает

Далее мы переходим к «веб-части». В сочетании с PHPoC Shield, плата Arduino стала веб-сервером / сервером WebSocket. Итак, в основном нам понадобятся:

+ Код на стороне клиента :предоставить пользовательский веб-интерфейс для управления лампочкой. Пользовательский интерфейс должен позволять пользователям отправлять управляющую команду на веб-сервер (плата Arduino). Пользовательский интерфейс также отображает состояние лампочки, отправленной в ответ от сервера. Исходный код этой веб-страницы необходимо загрузить на щит. Получив HTTP-запрос от веб-браузера (веб-клиента), экран (веб-сервер) отправит интерпретированные веб-файлы веб-браузеру.

+ Код на стороне сервера :управлять лампочкой на основе данных, отправленных веб-браузером. Код запускается на плате Arduino, и поток представляет собой не что иное, как зацикливание, проверьте, есть ли какой-либо запрос от веб-клиента, чтобы настроить реле на включение / выключение лампочки, а затем отправьте состояние лампочки в веб-браузер. .

В этом проекте я создал элемент SVG для отображения лампочки и кнопку для отправки команды управления из Интернета. Веб-браузер и веб-сервер обмениваются данными друг с другом через WebSocket. Соединение WebSocket подходит для приложений реального времени.

Чем больше усилий вы потратите на создание пользовательского интерфейса, тем лучше он может выглядеть. Но не волнуйтесь, в Интернете доступно множество общих ресурсов, поэтому вы можете найти отличный бесплатный исходный код для пользовательского интерфейса вместо того, чтобы делать все программирование самостоятельно.

Спасибо за чтение:D.

Узнайте больше о реле в этом руководстве

Код

• remote_led.php
• remoteLed.ino

remote_led.php PHP

        
 
  
 
 Переключатель 
 
 
 
 
    

remoteLed.ino Arduino

 #include  #include  #define ON '1' # define OFF '0'byte extensionId =1; ExpansionRelayOutput relay (extensionId, 0); PhpocServer server (80); void setup () {Serial.begin (9600); в то время как (! серийный); // инициализировать PHPoC [WiFi] Shield:Phpoc.begin (PF_LOG_SPI | PF_LOG_NET); //Phpoc.begin (); // запускаем сервер WebSocket server.beginWebSocket ("remote_led"); // выводим IP-адрес PHPoC [WiFi] Shield на последовательный монитор:Serial.print ("Адрес сервера WebSocket:"); Serial.println (Phpoc.localIP ()); Expansion.begin (); // получаем имя и распечатываем его на серийный номер Serial.println (relay.getName ()); } void loop () {// ждем нового клиента:PhpocClient client =server.available (); if (client) {if (client.available ()> 0) {// считываем байт, поступающий от клиента:char thisChar =client.read (); переключатель (thisChar) {case OFF:Serial.println («Выключить светодиод»); relay.off (); server.write (ВЫКЛ); ломать; case ON:Serial.println («Включить светодиод»); реле на(); server.write (ВКЛ); ломать; }}}}