Мы научились отправлять данные с Arduino в Интернет, но если мы вспомним задачу,
которую мы себе сформулировали для реализации Polivalle,
нам нужно еще по команде из Интернета запускать poliv.
Это мы еще не умеем, но сейчас научимся.
Я немного модифицирую скетч стандартный из примеров,
добавив в него несколько строчек.
Во-первых, у нас будет тестовый светодиод,
который мы сейчас в этом примере будем включать по команде из сети.
Во-вторых, я создаю объект типа String.
Это будет строка, то есть, на самом деле набор символов,
над которым можно проводить разные операции.
Для чего он понадобится, сейчас узнаете.
В остальном все происходит пока что точно так же.
Я настраиваю пин светодиода как выход,
[ПАУЗА] и
затем, после получения,
после начала получения запроса от клиента я вот
этот полученный символ добавляю к созданному массиву,
к созданному объекту типа String, который я назвал request, то есть, «запрос».
Мы по символу его нарастим, для того чтобы найти в
нем кусочек, который отвечает за команду,
которую мы подаем на сайте.
Затем я немножко трансформировал вот эту вот строку,
где подается не очень корректный
заголовок, заставляющий браузер ежесекундно,
на этот раз уже ежесекундно, подавать новый запрос, то есть обновляться.
Я его дополнил тем, какой нужно запрашивать,
это все тот же наш адрес, и опять же,
зачем это нужно вы узнаете чуть дальше.
Здесь все остается пока что так же,
а затем, после вывода данных с аналогового входа,
я добавил вот такие вот четыре строчки.
Одна из них — это просто отправка тега «перевод строки»,
а затем отправляется тег, создающий гиперссылку,
ну то есть, обычную ссылку, по которой мы всегда переходим в Интернете.
Вот так вот это на самом деле выглядит.
Тег A, вот этот вот параметр
отвечает за адрес, на который мы будем переходить.
В данном случае я просто к нашему адресу добавляю символы ?on.
И вот здесь вот между открывающим и закрывающим тегом
написано on — это тот текст ссылки, который мы видим, на который мы нажимаем.
Затем передается просто пробел и после пробела будет еще одна ссылка,
где будет написано off, а вести она будет на адрес /?off.
Возможно, вы уже заметили, что у вас рябит в глазах от «слешей»,
и я поясню, зачем нужен в частности вот этот вот «слеш» или вот этот.
Обратите внимание, что строка, которую мы отправляем
клиенту обрамлена в кавычки.
То есть то, что находится внутри кавычек — это строка.
Ну так уж заведено в программировании.
А когда нам внутри строки нужно также передать кавычки,
нам нужно как-то дать понять компилятору, что это не конец...
эта кавычка — не конец строки, а кавычка, которая входит в строку.
Для этого перед ней и ставится «/».
То есть, это тоже получается последовательность,
как у нас был перевод строки и табуляция, только который содержит в себе кавычку.
Чтобы кавычки могли быть не только началом и концом строки,
но и собственно содержимим строки.
Вот это место добавляется на страницу.
А потом, когда мы уже закрыли соединение с клиентом,
мы посмотрим, что же у нас там сохранилось в той строке request,
в которой мы по символу добавляли, когда получали запрос от клиента.
Мы будем в нем искать, в строке request будем искать подстроку ?on.
Что это за ?on.
Мы только что в код, в разметку веб-страницы добавили ссылку,
которая переходит на адрес ?on.
Соответственно, если пользователь нажмет на эту ссылку, у нас в запросе,
который наш сервер получает, будет содержаться вот эта вот подстрока ?on.
И если мы ее найдем, то выполним вот это вот действие.
Если мы найдем другую подстроку, ?off, то мы выполним другое действие.
Как вы видите, это включение и выключение светодиода.
Теперь мы можем проверить, как это работает.
Я еще обещал вам рассказать, зачем там нужно было обновление страницы,
но об этом, на самом деле, в следующем фрагменте будем говорить.
А пока что проверяем команду из Интернета.
Я подключил к тестовому устройству светодиод,
который мы будем зажигать по команде из Интернета, вгрузил туда обновленный скетч,
и мы видим, что страница стала выглядеть чуть иначе,
у нас добавились две ссылки: On и Off, и теперь страница обновляется гораздо чаще,
раз в секунду, потому что мы изменили вот тот вот заголовок загадочный.
Ну что же, я нажму на On.
И мы видим, что светодиод зажегся.
Я нажму на Off — и он погас.
И сделаю так несколько раз.
И по-прежнему я могу крутить потенциометр,
у нас будет меняться значение.
Посмотрите, я сейчас выделю в адресной строке то место,
куда нужно смотреть, потому что иначе я его выделить не успеваю.
Я нажимаю на ссылку On — и на секунду адрес изменялся, он дополнялся /?on.
То же самое происходит, если я нажму Off.
Та загадочная строчка, заголовок,
refresh1url=http 192.168.0.150 нужен для того,
чтобы через секунду после того как мы подали команду,
мы перешли просто по адресу устройства.
Обновили страницу с просто адресом устройства, без этих «слешей», on и off.
Мы научились и отправлять данные с Arduino в Интернет и давать команду
из Интернета в Arduino.
На самом деле, вот это вот трюк с refresh
и так далее — не самый оптимальный способ добиться нужного результата,
но если вам эта тема понравится и вы захотите активно в ней работать,
вы найдете способ сделать это лучше.
Ну а мы будем возвращаться к проектированию нашего Polivalle.
Вернемся к нашей схеме,
на которой теперь, в общем-то нет белых пятен.
Мы знаем, как отправлять данные с Arduino в Интернет,
получать оттуда команды, можем ее для полноты картины
наполнить изображением роутера и Интернета,
откуда приходят запросы и куда мы отправляем ответы,
и теперь мы практически готовы к реализации,
только сейчас мы еще немножко поговорим о том,
каким образом организуем код нашего устройства.
Алексей ПерепелкинРуководитель направления развития цифрового творчества
Дмитрий СавицкийНаучный сотрудник
