Shelly Wall Display web interface guide

Обзор

Устройства Shelly предоставляют локальный веб-интерфейс, который позволяет управлять и настраивать ваши устройства через стандартный веб-браузер на компьютере или мобильном устройстве. С его помощью вы можете включать и выключать подключенные к вашему устройству приборы, устанавливать расписания и настраивать действия, которые будут выполняться при выполнении определенных условий.

Обратите внимание, что для использования локального веб-интерфейса вам не требуется подключение к интернету или облако Shelly — единственное требование заключается в том, что ваш браузер должен находиться в той же сети Wi-Fi, что и ваше устройство Shelly.

Доступ к веб-интерфейсу

Чтобы получить доступ к веб-интерфейсу настенного дисплея Shelly:

1. Подключите устройство к вашей сети Wi-Fi.
2. Пока вы подключены к этой сети, перейдите по IP-адресу, отображаемому на вашем устройстве.

Теперь вы находитесь в веб-интерфейсе вашего устройства.

Понимание структуры

Веб-интерфейс можно разделить на четыре основных раздела: заголовок, нижний колонтитул, главное меню и основное содержимое.

=

Заголовок

=

Заголовок состоит из двух компонентов — названия вашего устройства слева и нескольких значков, которые отображают Основные сетевые и коммуникационные функции вашего устройства отображаются справа. Эти значки могут отображать такие функции, как Wi-Fi, Bluetooth, MQTT и многое другое, а также значок, показывающий наличие новых обновлений прошивки для вашего устройства. Наведение курсора мыши на значок предоставит вам дополнительную информацию. Легенду со значением каждого значка вы найдете в руководстве по веб-интерфейсу каждого устройства. Обратите внимание, что отдельные руководства описывают только доступные для конкретного устройства функции подключения.

=

Нижний колонтитул

=

В нижней части экрана слева направо по порядку отображаются название модели устройства, его идентификатор, версия веб-интерфейса, версия прошивки устройства и, наконец, текущее время. Если время не синхронизировано, вы получите уведомление в верхней части экрана, и некоторые расписания и действия могут работать некорректно. Некоторые предыдущие версии веб-интерфейса не включают все эти компоненты.

=

Главное меню

=

В настольной версии веб-интерфейса главное меню находится слева, тогда как на мобильных устройствах оно выглядит как меню-гамбургер с иконкой из трех горизонтальных линий, расположенных друг над другом. Меню содержит разные элементы в зависимости от устройства, но щелчок по пункту переводит вас на другую страницу. Вы также можете использовать его, чтобы вернуться на главную страницу, нажав «Главная».

=

Основное содержимое

=

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

• Обратите внимание, что не все скриншоты веб-интерфейса, отображаемые вверху каждой страницы руководства по веб-интерфейсу (где есть скриншот), относятся к последней версии. Поэтому они могут немного отличаться от последней версии и не отражать внешний вид веб-интерфейса каждого устройства.

У Shelly Wall Display нет точки доступа, как у других устройств, поэтому единственный способ получить доступ к его веб-интерфейсу — подключить его к вашей сети. После подключения вам нужно найти IP-адрес устройства. Проведите пальцем влево, пока не дойдете до экрана настроек, или нажмите на значок шестеренки внизу, чтобы перейти непосредственно в меню настроек. Нажмите «Сеть» и перейдите по указанному там IP-адресу. Убедитесь, что вы подключены к той же сети, что и Wall Display. Вы находитесь в веб-интерфейсе Shelly Wall Display.

Главное меню

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

Главная страница

В веб-интерфейсе вы увидите четыре значка в верхней части экрана, включая значки для Wi-Fi, Bluetooth, облака и подключения MQTT. Вот что означают разные цвета состояния:

{ | class="wikitable" | - ! ! Значок Wi-Fi: Серый: Подключение Wi-Fi отключено. Белый: Подключение Wi-Fi включено, но не установлено. Синий: Устройство подключено к Wi-Fi. | } |}

{ | class="wikitable" | - ! ! Значок Bluetooth: Серый: Подключение отключено. Синий: Подключение включено. | } |}

{ | class="wikitable" | - ! ! Значок облака: Серый: Подключение к облаку Shelly отключено. Белый: Подключение к облаку Shelly включено, но не установлено. Синий: Устройство подключено к облаку Shelly. | } |}

{ | class="wikitable" | - ! ! Значок MQTT: Серый: MQTT отключен. Синий: MQTT включен. | } |}

{ | class="wikitable" | - ! ! Значок обновления прошивки: Синий: Для вашего устройства доступна новая стабильная версия прошивки. Не отображается: Прошивка устройства обновлена. | } |}

{ | class="wikitable" | - ! ! Значок подключения Websocket: Синий: Websocket подключен. Серый: Websocket не подключен. | } |}

На главной странице веб-интерфейса вы увидите выход и вход, а также кнопку питания рядом с выходом.

Чтобы создать термостат, нажмите кнопку «Создать термостат» ниже. Появится сообщение о том, что для создания термостата требуется мягкая перезагрузка, а также временное отключение компонента переключателя. Нажмите «ОК», чтобы продолжить.

В меню создания термостата:

• Установите флажок рядом с пунктом «Термостат включен», чтобы активировать термостат.
• Используйте ползунок или кнопки «плюс» и «минус» для регулировки целевой температуры. Диапазон значений — от 5°C (крайний левый) до 35°C (крайний правый).
• Затем отрегулируйте температурный гистерезис в диапазоне от 0°C (крайний левый) до 2°C (крайний правый). Значение 0°C означает, что термостат будет часто включаться и выключаться для поддержания точной целевой температуры. Значение выше 0°C создает небольшой диапазон вокруг заданной температуры. Например, если термостат охлаждения имеет температурный гистерезис, установленный на 1°C, и целевую температуру 23°C, термостат включится при 24°C и выключится при 22°C.
• Выберите тип термостата: обогрев (включается при температуре ниже целевой) или охлаждение (включается при температуре выше целевой).
• Выберите инвертирование выходного сигнала, установив флажок рядом с соответствующим параметром, или оставьте как есть.
• Нажмите «Сохранить».

Чтобы удалить термостат, нажмите кнопку «Удалить термостат». Это вызовет мягкую перезагрузку.

Внизу находится меню «Датчики», которое содержит три подменю: «Обзор», «Настройки» и «Действия».

Обзор

В меню «Обзор» вы увидите датчики — температуры, влажности и освещенности (датчик света) — с их названиями слева и показаниями справа.

Температура

=

Пороговое значение дельты

=

Выберите значение от 0,5 °C до 5 °C из выпадающего меню, которое установит пороговое значение для запуска пробуждения устройства. Однако устройство отправляет обновления состояния каждые 5 минут, поэтому, если температура устройства внезапно изменится и превысит пороговое значение, изменение все равно будет зафиксировано через 5 минут после последнего отчета, а не в точное время. Вы также можете отключить эту опцию. Чтобы сохранить изменения, нажмите «ОК».

=

Смещение

=

Позволяет корректировать показания устройства с учетом тепла, выделяемого самим устройством. Установив температурное смещение, вы можете обеспечить более точные показания, отражающие фактическую температуру окружающей среды. Минимальное значение — -50 °C, максимальное — 50 °C.

Влажность

=

Пороговое значение дельты

=

Установите пороговое значение влажности в процентах, которое вызовет пробуждение устройства. Вы можете ввести значение от 1% до 20% в текстовое поле. Изменение относительной влажности, превышающее указанное значение, приводит к отправке устройством данных с датчика. Чтобы сохранить изменения, нажмите «Применить».

=

Смещение

=

Для повышения точности показаний влажности установите смещение. Это значение, которое будет добавляться/вычитаться из показаний. Минимальное значение — -50%, максимальное — 50%.

Освещенность

=

Порог темноты

=

Введите значение от 1 лк до 1000 лк, ниже которого освещенность будет считаться темной.

=

Порог яркости

=

Введите значение от 1 лк до 1000 лк, выше которого освещенность будет считаться яркой.

Действия

Настройте действия для вашего устройства — создавайте новые действия, редактируйте существующие действия или удаляйте действия. При создании действий для вашего устройства вам необходимо указать условие, при котором это действие происходит. Вы также можете установить продолжительность действия, а также URL-адрес, который будет активирован при выполнении условия действия.

Настройки

=

Сетевые настройки

=

• Wi-Fi - Зарегистрируйте устройство Shelly для подключения к двум различным сетям Wi-Fi. Введите или выберите сеть Wi-Fi. Можно выбрать открытую сеть, а также установить статический IP-адрес. Включите Wi-Fi 1, Wi-Fi 2 или оба одновременно. Если включены обе сети Wi-Fi, Wi-Fi 1 и Wi-Fi 2, и устройство Shelly отключается от одной из сетей, оно подключится к другой.
• Bluetooth - Отключите/включите Bluetooth, переключив тумблер. В настройках устройства по умолчанию включен Bluetooth.

=

Подключение

=

Примечание по связи RPC: Если вызов RPC не удается выполнить, появляется сообщение в баннере, уведомляющее о том, что устройство не отвечает вовремя и потеряло соединение. После восстановления соединения запрос будет отправлен снова.

• Облако — Подключение Shelly к облаку позволяет управлять им удаленно, получать уведомления и обновления о ваших устройствах. По умолчанию облачное соединение включено. Если вы отключите поддержку облака устройством, вы потеряете связь с устройством извне локальной сети!
• MQTT — Настройте устройство Shelly для выполнения действий через MQTT. По умолчанию MQTT отключен, но вы можете включить его, выбрав пустой флажок. Изменение этих настроек приведет к перезагрузке устройства. Есть и другие настройки, такие как «Уведомления о состоянии RPC через MQTT» (позволяет обмениваться данными с устройством посредством уведомлений RPC) и «Общее обновление состояния через MQTT» (для получения общего обновления состояния), которые можно включить или отключить. Вы также можете включить SSL и ввести свой сервер, имя пользователя и пароль, но имейте в виду, что включение SSL негативно скажется на времени работы батареи и, скорее всего, сократит его вдвое.
• «Исходящий Websocket» — указывает, будет ли HTTP-канал создавать исключение ввода-вывода при закрытии входящего соединения, которое все еще используется сервлетом. По умолчанию эта настройка отключена. Чтобы включить ее, щелкните переключатель рядом с «Включить». Введите адрес вашей сети в текстовое поле и из выпадающего меню в разделе «SSL-подключение» выберите «
• », «ca.pem» или «user_ca.pem».

=

Настройки устройства

=

• Имя устройства (информация) — Отображает идентификатор вашего устройства, сеть Wi-Fi, к которой оно подключено, и значение «RSSI Wi-Fi». Кроме того, вы можете скопировать идентификатор устройства с помощью кнопки «Копировать».
• Местоположение и часовой пояс — Ваш часовой пояс и местоположение будут определены автоматически, но вы можете изменить их вручную в этой настройке, выбрав часовой пояс из выпадающего меню и введя широту и долготу. Также есть кнопка «Автоматическое определение местоположения», которая позволит устройству автоматически определить местоположение еще раз, если в прошлый раз это не удалось.

«Если время устройства не синхронизировано с текущим временем, расписания и действия могут работать некорректно. Если время не синхронизировано, появится сообщение.»

• «Аутентификация» — если вы включите аутентификацию, вам будет предложено ввести пароль, который вы будете использовать для доступа к веб-интерфейсу устройства. После включения, чтобы отключить ее, нажмите переключатель и введите свой пароль аутентификации, когда появится соответствующий запрос.
• «Прошивка» — в этом разделе вы можете увидеть идентификатор вашего устройства, версию прошивки, идентификатор сборки и идентификатор веб-сборки. Используйте кнопку «Копировать» над идентификатором прошивки или идентификатором веб-сборки, чтобы скопировать содержимое в буфер обмена. Вы также можете увидеть доступные новые версии, проверить наличие обновлений и легко обновить ваше устройство. Также есть возможность загрузить собственную прошивку, однако прошивка устройств пользовательской прошивкой необратимо аннулирует гарантию на устройство.
• Сертификат пользователя (конфигурация TLS) — Загрузите пользовательский центр сертификации, клиентский сертификат и клиентский ключ, перетащив файл(ы) или выбрав нужные файлы, нажав соответствующую кнопку. Нажмите «Загрузить», чтобы загрузить файлы, и «Очистить», чтобы удалить файлы, которые вы не хотите загружать.
• Отладка — Этот параметр включает отладку MQTT, Websocket и UDP. Чтобы включить любой из этих режимов, нажмите переключатель рядом с соответствующим параметром. Для отладки по UDP вам также будет предложено ввести «UDP-адрес».
• «Перезагрузка» — После нажатия кнопки «Перезагрузка» вам будет предложено подтвердить, что вы хотите перезагрузить устройство. Нажмите «ОК» для перезагрузки устройства и «Отмена», если вы не хотите, чтобы устройство перезагружалось.
• «Интерфейс устройства» — Эти настройки позволяют настроить внешний вид вашего устройства.
• Заставка — Включение/отключение заставки. Если она включена, вы можете выбрать один из следующих компонентов, который будет отображаться в качестве верхнего элемента (будет иметь приоритет над другими элементами): «Температура» (отображает последнюю измеренную температуру), «Влажность» (отображает последний измеренный процент влажности) и «Часы» (отображает текущее время). Кроме того, вы можете установить тайм-аут в секундах (от 10 до 3600), что означает, что экран устройства выключится по истечении указанного времени.
• Выключить экран — выберите, когда вы хотите, чтобы экран вашего устройства выключался — в режиме ожидания или только в темное время суток, установив флажок рядом с этим параметром.
• Блокировка экрана — выберите «Нет», чтобы оставить устройство разблокированным. При этом параметре жесты остаются доступными, и можно переключать страницы. «Без настроек» блокирует только экран настроек и позволяет использовать жесты и переключать все страницы, кроме страницы настроек. Выбор «Без настроек» запускает мягкую перезагрузку. «Полная блокировка» означает, что экран устройства полностью заблокирован, и страницы нельзя переключать. Жесты остаются доступными.
• Параметр «Отключить жесты при блокировке устройства» работает для всех уровней блокировки экрана, кроме «Нет». Доступные жесты: свайп вверх и вниз, касание двумя пальцами или касание ладонью для включения и выключения реле, а также свайп в любую сторону для перехода на другую страницу. Когда страницы заблокированы, доступны только жесты для включения/выключения реле.

Действия

Настройте действия для вашего устройства — создавайте новые действия, редактируйте существующие или удаляйте действия. При создании действий для вашего устройства вам необходимо указать условие, при котором происходит действие. Вы также можете установить продолжительность для ваших действий, а также URL-адрес, который будет задействован при выполнении условия для действия.

Компоненты

=

Создание компонента

=

Настройка «Компоненты» позволяет пользователю создавать «динамические компоненты», которые изначально не существуют на устройстве. Виртуальные компоненты, тип динамических компонентов, используются для хранения или передачи данных между скриптами или запусками и отображения функциональности скрипта на главной странице. Компоненты можно группировать, но на главной странице будут отображаться только компоненты внутри групп. Компоненты, не входящие в группу, там отображаться не будут. Количество компонентов и групп компонентов на устройстве ограничено.

Чтобы создать компонент:

• Нажмите кнопку «Создать новый» рядом с «Пользовательские компоненты».
• Выберите тип компонента, который вы хотите создать: логический, числовой, текстовый, перечисление или кнопка. При создании каждый тип компонента имеет поля «Имя», «Вид» и «URL пользовательской иконки», которые необходимо заполнить. Поле «URL пользовательской иконки» не является обязательным, но его можно использовать для настройки внешнего вида компонентов на главной странице. Вы можете переименовать или удалить компонент, а также создать для него действия, используя кнопки, расположенные рядом с каждым компонентом.

Различные типы компонентов могут иметь дополнительные поля, специфичные для этого типа. Они описаны ниже.

Тип компонента «Boolean» хранит значение true/false и имеет два разных заголовка, которые пользователь может ввести в зависимости от того, истинно или ложно его значение, а также две отдельные иконки. Выпадающее меню для значения по умолчанию будет включать различные состояния вашего устройства. Варианты отображения: «Скрыто», «Переключить» и «Метка». В режиме «Переключатель» отображается кнопка-переключатель, поэтому значение компонента изменяется при каждом нажатии. В режиме «Метка» отображается заголовок значения компонента. Компонент типа «Число» хранит значения от -999999999999999 до 9999999999999999. Значение по умолчанию должно быть числом в этом диапазоне. Вы также можете изменить единицу измерения и шаг. Доступные параметры отображения: «Скрытый», «Поле», «Ползунок», «Панель прогресса» и «Метка». В представлении «Поле» отображается поле ввода, в представлении «Метка» — значение, в представлении «Панель прогресса» — визуальное отображение прогресса, а в представлении «Слайдер» — интерфейс слайдера для взаимодействия.

Компонент типа «Текст» хранит строку длиной до 255 символов. Варианты представления: «Скрытый», «Поле», «Метка» и «Изображение». В представлении «Поле» отображается поле ввода, в представлении «Метка» — заголовок, а в представлении «Изображение» требуется значение URL, которое используется для отображения изображения.

Компонент типа «Перечисление» хранит группу именованных констант. Варианты представления: «Скрытый», «Выпадающий список» и «Метка». Если вы выберете режим просмотра «Метка», компонент по умолчанию будет отображать заголовок, но если указано изображение, оно будет иметь приоритет и отображаться вместо заголовка.

Тип компонента «Кнопка» предоставляет имитированный виртуальный ввод, который позволяет пользователям взаимодействовать с пользовательским интерфейсом, регистрируя и сообщая о кликах. Затем он отправляет уведомления через подключенные каналы и может использоваться для запуска автоматизации и активации веб-хуков. Он имеет два варианта отображения: «Кнопка», который отображает компонент кнопки на вашей домашней странице, и «Скрытый».

Если компонент установлен в режим «Скрытый», он не будет отображаться на домашней странице. В противном случае ваши группы компонентов будут отображаться под входами и/или выходами вашего устройства и будут отображать компоненты, входящие в эти группы.

=

Создание группы компонентов

=

Чтобы создать группу:

• Щелкните значок «+» рядом с «Пользовательские группы», и вы перейдете в меню создания группы.
• Введите имя группы.
• Выберите необходимые компоненты, которые вы хотите включить в эту группу.

Редактирование меню групп осуществляется с помощью значка карандаша рядом со значком «+», и оно позволяет изменять порядок групп, щелкая стрелки вверх и вниз, чтобы переместить группу вверх или вниз.

=

Действия с компонентами

=

Меню «Действия» теперь структурировано по типу компонента. Таким образом, вы можете создавать действия для своих компонентов, и они будут разделены на пять вышеупомянутых категорий.

=

Скриптинг

=

Компоненты можно включать в скрипты и программировать на изменение значений в зависимости от условия. Чтобы указать компонент в скрипте, вам нужно использовать его идентификатор (ID). Идентификаторы компонентов начинаются с 200 и ограничиваются 299. Вы сможете увидеть идентификатор вашего компонента в меню «Компоненты».

Медиатека

Загружайте медиафайлы со своего устройства на настенный дисплей Shelly. Файлы изображений можно использовать для установки заставки. Аудиофайлы можно использовать, добавив плитку «Музыка» на дисплей. Можно использовать только файлы .mp3.

Диагностика

В этом разделе можно загрузить журналы отладки. Включение журнала отладки без причины не рекомендуется, так как это замедлит работу устройства и приведет к износу флэш-памяти. Если вы все же решите включить его, вы также сможете загрузить предыдущие и текущие журналы. Имейте в виду, что выход с этой страницы сбросит регистратор и данные журнала.

=

HTTP-пинг

=

Введите URL-адрес в соответствующее текстовое поле, чтобы отправить HTTP-запрос с вашего устройства. Веб-интерфейс сообщит вам, был ли запрос успешным или нет.

Клиентские устройства

Просмотрите устройства, подключенные к вашему устройству, отсортированные по категориям. Для большинства устройств доступны два варианта:

• «Клиенты Bluetooth» — устройства, подключенные к вашему устройству через Bluetooth.
• «Клиенты AP» — устройства, подключенные к точке доступа вашего устройства. В этом меню вы сможете увидеть информацию о клиентах. Поскольку это устройство не имеет точки доступа, оно поддерживает только клиентов Bluetooth.