MQTT Dash: различия между версиями
Matveevrj (обсуждение | вклад) |
Matveevrj (обсуждение | вклад) |
||
(не показаны 22 промежуточные версии 2 участников) | |||
Строка 1: | Строка 1: | ||
{{DISPLAYTITLE: | {{Draft}} | ||
{{DISPLAYTITLE: MQTT Dash и Wiren Board }} | |||
== Введение == | == Введение == | ||
MQTT Dash — мобильное приложение для работы с протоколом [[MQTT | MQTT]]. Позволяет создавать пользовательские панели управления и управлять устройствами умного дома с помощью смартфона или планшета. | MQTT Dash — мобильное приложение для работы с протоколом [[MQTT | MQTT]]. Позволяет создавать пользовательские панели управления и управлять устройствами умного дома с помощью смартфона или планшета. | ||
Связать MQTT Dash с контроллером Wiren Board можно двумя способами: | Связать MQTT Dash с контроллером Wiren Board можно двумя способами: | ||
#Считывать MQTT топики напрямую с контроллера, если контроллер и мобильное устройство с MQTT Dash работают в одной сети или контроллер имеет «белый» IP-адрес. | #Считывать MQTT топики напрямую с контроллера, если контроллер и мобильное устройство с MQTT Dash работают в одной сети или контроллер имеет «белый» IP-адрес. | ||
#Настроть передачу через | #Настроть передачу через внешний MQTT-брокер. В этом случае «белый» IP-адрес контроллеру не нужен. | ||
<gallery mode="packed" heights="350px"> | |||
Image: MQTTDash_panel1.jpg | | |||
Image: MQTTDash_panel2.jpg | | |||
Image: MQTTDash_panel3.jpg | | |||
</gallery> | |||
== Установка и подключение к брокеру== | == Установка и подключение к брокеру== | ||
Строка 13: | Строка 18: | ||
'''Создайте новое подключение.''' В MQTT Dash можно создать несколько подключений, которые будут получать данные от разных брокеров или от одного брокера. Это удобно если вам нужно контролировать несколько помещений. | '''Создайте новое подключение.''' В MQTT Dash можно создать несколько подключений, которые будут получать данные от разных брокеров или от одного брокера. Это удобно если вам нужно контролировать несколько помещений. | ||
#Нажмите «'''+'''» в правом верхнем углу экрана. | #Нажмите «'''+'''» в правом верхнем углу экрана. | ||
#В появившемся окне задайте произвольное '''Имя''' подключения, которое будет отображаться на главном экране. | #В появившемся окне задайте произвольное '''Имя''' подключения, которое будет отображаться на главном экране. | ||
Строка 20: | Строка 24: | ||
# '''Идентификатор клиента''' можно оставить по умолчанию. | # '''Идентификатор клиента''' можно оставить по умолчанию. | ||
#Задайте размер плиток и количество колонок с метриками по вертикали и горизонтали. | #Задайте размер плиток и количество колонок с метриками по вертикали и горизонтали. | ||
<gallery mode="packed" heights=" | <gallery mode="packed" heights="500px"> | ||
Image: MQTTDash_config1.jpg | Пример настроек подключения MQTT Dash напрямую к контроллеру Wiren Board | Image: MQTTDash_config1.jpg | Пример настроек подключения MQTT Dash напрямую к контроллеру Wiren Board | ||
Image: MQTTDash_config2.jpg | Пример настроек подключения MQTT Dash к внешнему брокеру | Image: MQTTDash_config2.jpg | Пример настроек подключения MQTT Dash к внешнему брокеру | ||
</gallery> | </gallery> | ||
== Добавление | После заполнения всех полей нажмите дискету в правом верхнем углу экрана. Вы попадете на главный экран и увидите созданное подключение. Войдите в него. Если никаких уведомлений не появилось значит подключение выполнено успешно. Если появились уведомления с ошибками, проверьте правильность заполнения данных. | ||
== Добавление приборов == | |||
'''Создайте метрики''' в новом подключении. Для этого нажмите «'''+'''» в правом верхнем углу экрана. В появившемся окне выберите тип метрики. | |||
Для выбора доступны несколько типов метрик. | |||
*''Текст'' — этот тип метрики служит для простого отображения принятого значения (например, температуры, влажности или любого другого текста). Данные принятого пакета должны быть строкой. | |||
*''Переключатель/кнопка'' — метрика предназначена для отображения и изменения статуса дискретного параметра, обычно используется в качестве выключателя. | |||
*''Диапазон/прогресс'' — метрика для отображения и изменения непрерывной величины в виде шкалы прогресса, используется для управления термостатом, отображения температуры и т.д. | |||
*''Мультивыбор'' — метрика для переключения между несколькими опциями (например, для переключения режимов кондиционера). | |||
*''Изображение'' — метрика для отображения изображения, загруженного из сети. Например, можно показывать иконку погоды или получать картинку с видеокамеры. | |||
*''Цвет'' — метрика для задания цвета, используется для управления RGB лентой. | |||
После выбора типа метрики откроется окно настройки. Задайте ''Имя'' и ''Адрес'' топика. Адрес топика можно посмотреть на вкладке ''Настройки-Каналы MQTT'' в [[Wiren_Board_Web_Interface | веб-интерфейсе]] контроллера или воспользоваться программой [[MQTT_Explorer | MQTT Explorer]]. Удобнее воспользоваться программой. | |||
Поставьте галку ''«Включить публикацию»'', если элемент используется для управления устройством. Иначе, элемент будет только отображать текущее состояние параметра. Топики для чтения и управления могут быть разными, см. подсказки в программе. | |||
После заполнения всех настроек метрики нажмите дискету в правом верхнем углу. На экране появится созданная метрика. Чтобы не заполнять одни и те же данные при создании нескольких однотипных метрик используйте инструмент ''«Клонировать»''. | |||
Чтобы изменить положение метрик на панели нажмите на ''«Замочек»'' в правом верхнем углу. | |||
<gallery mode="packed" heights="350px"> | |||
Image: MQTTDash_example5.jpg | Главный экран MQTT Dash | |||
Image: MQTTDash_example1.jpg| Настройка метрики типа ''Переключатель'' для зуммера контроллера Wiren Board | Image: MQTTDash_example1.jpg| Настройка метрики типа ''Переключатель'' для зуммера контроллера Wiren Board | ||
Image: MQTTDash_example2.jpg | Настройка метрики типа ''Переключатель'' для модуля реле WB-MR6C | Image: MQTTDash_example2.jpg | Настройка метрики типа ''Переключатель'' для модуля реле WB-MR6C | ||
Image: MQTTDash_example3.jpg | Настройка метрики типа ''Текст'' для вывода напряжения питания | Image: MQTTDash_example3.jpg | Настройка метрики типа ''Текст'' для вывода напряжения питания | ||
Image: MQTTDash_example4.jpg | Отображение метрик на панели MQTT Dash | Image: MQTTDash_example4.jpg | Отображение метрик на панели MQTT Dash | ||
</gallery> | </gallery> | ||
== Полезные ссылки == | == Полезные ссылки == |
Версия 16:44, 3 августа 2022
Это черновик страницы. Последняя правка сделана 03.08.2022 пользователем Matveevrj.
Введение
MQTT Dash — мобильное приложение для работы с протоколом MQTT. Позволяет создавать пользовательские панели управления и управлять устройствами умного дома с помощью смартфона или планшета.
Связать MQTT Dash с контроллером Wiren Board можно двумя способами:
- Считывать MQTT топики напрямую с контроллера, если контроллер и мобильное устройство с MQTT Dash работают в одной сети или контроллер имеет «белый» IP-адрес.
- Настроть передачу через внешний MQTT-брокер. В этом случае «белый» IP-адрес контроллеру не нужен.
Установка и подключение к брокеру
Установите приложение MQTT Dash из GooglePlay на смартфон или планшет.
Создайте новое подключение. В MQTT Dash можно создать несколько подключений, которые будут получать данные от разных брокеров или от одного брокера. Это удобно если вам нужно контролировать несколько помещений.
- Нажмите «+» в правом верхнем углу экрана.
- В появившемся окне задайте произвольное Имя подключения, которое будет отображаться на главном экране.
- Введите Адрес и Порт, полученные от внешнего брокера или, в случае локального подключения, введите IP-адрес контроллера и порт 1883. О том как передавать данные с контроллера на внешний брокер читайте на странице про MQTT в Wiren Board.
- Укажите предоставленные брокером Имя пользователя и Пароль пользователя. При локальном подключении оставьте эти поля пустыми.
- Идентификатор клиента можно оставить по умолчанию.
- Задайте размер плиток и количество колонок с метриками по вертикали и горизонтали.
После заполнения всех полей нажмите дискету в правом верхнем углу экрана. Вы попадете на главный экран и увидите созданное подключение. Войдите в него. Если никаких уведомлений не появилось значит подключение выполнено успешно. Если появились уведомления с ошибками, проверьте правильность заполнения данных.
Добавление приборов
Создайте метрики в новом подключении. Для этого нажмите «+» в правом верхнем углу экрана. В появившемся окне выберите тип метрики.
Для выбора доступны несколько типов метрик.
- Текст — этот тип метрики служит для простого отображения принятого значения (например, температуры, влажности или любого другого текста). Данные принятого пакета должны быть строкой.
- Переключатель/кнопка — метрика предназначена для отображения и изменения статуса дискретного параметра, обычно используется в качестве выключателя.
- Диапазон/прогресс — метрика для отображения и изменения непрерывной величины в виде шкалы прогресса, используется для управления термостатом, отображения температуры и т.д.
- Мультивыбор — метрика для переключения между несколькими опциями (например, для переключения режимов кондиционера).
- Изображение — метрика для отображения изображения, загруженного из сети. Например, можно показывать иконку погоды или получать картинку с видеокамеры.
- Цвет — метрика для задания цвета, используется для управления RGB лентой.
После выбора типа метрики откроется окно настройки. Задайте Имя и Адрес топика. Адрес топика можно посмотреть на вкладке Настройки-Каналы MQTT в веб-интерфейсе контроллера или воспользоваться программой MQTT Explorer. Удобнее воспользоваться программой.
Поставьте галку «Включить публикацию», если элемент используется для управления устройством. Иначе, элемент будет только отображать текущее состояние параметра. Топики для чтения и управления могут быть разными, см. подсказки в программе.
После заполнения всех настроек метрики нажмите дискету в правом верхнем углу. На экране появится созданная метрика. Чтобы не заполнять одни и те же данные при создании нескольких однотипных метрик используйте инструмент «Клонировать».
Чтобы изменить положение метрик на панели нажмите на «Замочек» в правом верхнем углу.
Полезные ссылки