Приложение с одной кнопкой для управления Wi-Fi реле

.Приложение с одной кнопкой для управления Wi-Fi реле

Управлять нагрузкой с помощью реле достаточно просто. Можно сделать автоматизацию данного процесса. Или даже сделать Wi-Fi реле на базе NodeMCU. Об этом подробно рассказываю в своем предыдущем проекте: Wi-Fi реле на NodeMCU. Управление Android приложением
Управлять одним реле с помощью двух кнопок не очень удобно. Да и место занимает на экране много. Поэтому решил переделать приложения для Android. Прошивка для NodeMCU остается без изменений и останавливаться на ее описании не буду.
Переделаем дизайн Android приложения в MIT App Inventor. У меня получилось вот так.

дизайн Android приложения в MIT App Inventor


Объявим глобальную переменную flag в данной переменной будем хранить статус реле. Включен он или нет.
Ip адрес устройства будем хранить в базе данных TinyDB1. Для того, чтобы при отключении приложения не приходилась заново прописывать адрес устройства.

Объявим глобальную переменную flag
При нажатии кнопку Button2 Мы сохраняем Ip который указан в поле TextBox1.
Кнопка Button1 Это наша кнопка ради которой я пишу данную статью. Включение и выключение реле. При нажатие которой отправляем запрос. Если переменная flag равна 1 на выключения реле и если 0 то на включения реле. У вас может работать на оборот все зависит от типа реле.

Сейчас в веб обработчике Web1 сделаем так, чтобы кнопка меняла цвет и надпись при нажатии на кнопку.

Сейчас в веб обработчике Web1 сделаем так, чтобы кнопка меняла цвет и надпись при нажатии на кнопку.

Проверяем, что приложение отвечает и все работает нормально. Это обозначает код 200. Дальше проверяем, что мы получили от приложения. Если получаем значение OFF значит наше устройство выключено и соответственно меняем цвет кнопки на красный и пишем надпись на Выключить. Иначе если получено значение значение On значить наше реле включено, меняем цвет кнопки на зеленый и меняем надпись на Включить.

На телефоне данное приложение выглядит вот так.

На телефоне данное приложение выглядит вот так

На телефоне данное приложение выглядит вот так
Сейчас можно добавить красивые картинки для включения и выключения. К промеру вот такие.

красивые картинки
Это будет для вас домашнее задание. Попробуйте самостоятельно это сделать. И напишите получилось у вас или нет.


Понравилась статья пишите в комментарии.Подписывайтесь на мой канал на Youtube и вступайте в группы в Вконтакте и Facebook.

Спасибо за внимание!

Понравилась статья? Поделитесь ею с друзьями:

Файлы для скачивания

Приложения Android Приложения Android.apk3052 Kb 717 Скачать
Исходники проекта для MIT App Inventor Исходники проекта для MIT App Inventor.aia31 Kb 693 Скачать
Вернуться в раздел: Проекты на NodeMCU, ESP8266, ESP-01 Дата публикации 15 мая , 2019

Комментарии

Войдите или Зарегистрируйтесь И Вы сможете общаться на форуме и оставлять комментарии без капчи.

раммзес45
#1 Гость: раммзес45 (12 июля, 2019 в 21:25)

класс


Cлучайные товары

Посмотреть товар в Магазине »

Мы в соц сетях

Подпишись на канал Telegram

Portal-PK (Портал ПК) © 2015 - 2024
Разработка проектов
AT Block
DWIN Box