ESP8266 Blynk

ESP8266 — Управляем со смартфона через Blynk

Еэспэшники — вливайтесь в ряды блинкеров!
Сегодня мы за 5 минут настроим управление ESP8266 с вашего смартфона (iOS или Android) с помощью нового облачного сервиса Blink. Видео и подробности под катом.


Установите приложение Blynk на смартфон

 

Зарегистрируйтесь в приложении и создайте новый проект.

Создание нового проекта в Blynk

Создание нового проекта в Blynk

Введите название проекта, например ESP8266. В поле Hardware Model выберите ESP8266. (надеюсь, что вы заметите впечатляющий список поддерживаемого оборудования) Автоматически сгенерированный Auth Token отправьте на свой почтовый ящик.

Проект Blynk

Проект Blynk

 

После нажатия на кнопку Create вам станет доступно пустое поле для проектирования UI вашей панели управления ESP8266.

Пустой проект Blynk

Пустой проект Blynk

 

Жмете на плюсик вверху справа — появится панель инструментов Widget Box для добавления виджетов на вашу панель управления. Стоит заметить, что список виджетов еще будет пополняться.

Виджеты Blynk

Виджеты Blynk

 

Для пробы выберем тип виджета Button — этот виджет сразу добавится на вашу панель. Отредактируйте его одним прикосновением. Название можно не заполнять, чуть правее можно выбрать цвет индикатора, в поле OUTPUT PIN выберите справа Digital, а слева любой свободный пин GPIO. Ниже переключите тип кнопки на Switch.

Blynk button

Blynk button

 

 

На моей отладочной плате к светодиодам разведено 10 GPIO — я все их подключу к панели Blynk.

Blynk

Blynk

Все, интерфейс готов, пока отложите смартфон в сторонку.

Если вы еще не знакомы с Arduino IDE для ESP8266 — почитайте здесь и здесь. Установите Arduino IDE, как описано здесь.

Далее установите библиотеку Blynk в Arduino IDE. В этом вам поможет официальная инструкция. Также можете взять библиотеку самую последнюю версию прямо из репозитария и установить вручную. Далее выбираем пример ESP8266_Standalone и прописываем в нем Auth Token, который мы получили по почте, SSID и пароль вашей WiFi сети. Компилируем и заливаем скетч в ESP8266.

ESP8266 Blynk

ESP8266 Blynk

Вот, собственно, и все.

Возвращаемся к нашему приложению на смартфоне, жмем маленький треугольничек, похожий на кнопку Play, в верхнем правом углу и переходим из режима редактирования проекта в режим управления ESP8266 и жмем созданные нами кнопочки и мигаем светодиодами, как на видео в начале статьи.

Замечания

1. Стоит отметить, что еще есть возможность использовать ESP8266 в качестве WiFi шилда для ардуино.

2. Облачный сервер Blynk — open source и может быть развернут в вашей локальной сети

P.S.  Blynk на Kickstarter неплохо отработал — собрал почти 50k

Команда Blynk:

  • Pasha Baiborodin — Founder and user experience design warrior
  • Dmytro Dumanskiy — Co-Founder and server side guru
  • Volodymyr Shymanskyy — embedded Yoda
  • Max Kareta — iOs ninja
  • Alex Kipar — Android samurai
  • Iryna Liashchuk — Communications princess

Не могу не сообщить, что создал этот суперклассный дизайн интерфейса Vitalii Kramar

Большое еспэшное СПАСИБО вам!

Обсуждение Blynk на нашем форуме

Обсуждение Arduino IDE для ESP8266 на нашем форуме