Он, интерфейс - даже не “разрабатывается”. Он пишется, похож на html.
И именно по MQTT передается.
Точнее нет, не так.
Сам по себе интерфейс на панели может появиться двумя способами.
Вот веб-интерфейс панели c прошивкой из проекта OpenHasp
В нем есть “file editor”. Для примера pages.json вот с таким содержимым
даст на первом из листов:
Все просто, понятно.
Описываем объекты - получаем их.
Второй вариант: то же самое (ну или часть) передать на панель по mqtt.
Панель включилась, связалась с брокером - и получает json с объектами. Ну и тут же их выводит. Делается, типично, правилами.
Теперь про взаимодействие.
mosquitto_sub -v -t "hasp/#"
hasp/plate199/LWT online
hasp/plate199/state/idle off
hasp/plate199/state/backlight {"state":"on","brightness":80}
hasp/plate199/state/p2b90 {"event":"down"}
hasp/plate199/state/p2b90 {"event":"up"}
Тут видно что панель опубликовала "online в момент подключения.
Потом перешла (после касания) из дежурного режима (у меня к этому событию яркость подсветки прикручена, причем зависящая от времени суток).
Ну и я нажал на объект “p2b90”. Страница 2, кнопка (“b”) с индексом 90. Индекс дается при создании.
Кстати, если б нажал и не отпуская вывел палец за пределыы объекта - то было бы down → lost/release.
Просто касания вне объектов - с индексом “0”
hasp/plate199/state/p2b0 {"event":"down"}
hasp/plate199/state/p2b0 {"event":"up"}
hasp/plate199/state/p2b0 {"event":"down"}
hasp/plate199/state/p2b0 {"event":"up"}
Ну и объекты на панели можно модифицировать: менять размеры, цвет, положение. Существующие, без их удаления и пересоздания.
Если хочется “красоты” то можно загрузить на панель картинку фоном. А элементы управления - прозрачными. Можно в интернете посмотреть примеры.
Да, “паять” обычно ничего не надо.
Из минусов тех панелей что у меня в наличии.
- Нет Ethernet, только wi-fi
- Недостаточно ресурсов для воспроизведения видео
Оба решаются в боле новых версиях с “P4” чипом.