|
|
(не показаны 104 промежуточные версии 4 участников) |
Строка 1: |
Строка 1: |
| <languages/><translate>
| | {{DISPLAYTITLE: Веб-интерфейс Wiren Board}} |
| {{DISPLAYTITLE: Веб-интерфейс контроллеров Wiren Board}} | | [[Файл:Web-Home-2.0.png|thumb|700 px|Главная страница веб-интерфейса]] |
| == Общая информация == <!--T:1-->
| | == Возможности == |
| {{Anchor|features}}
| | Контроллер Wiren Board имеет встроенный веб-интерфейс. |
| {{YouTube
| | Через интерфейс можно: |
| |link=https://youtu.be/3QHtXODfuDY | | *следить за состоянием контроллера и подключённых устройств и управлять ими; |
| |text=Веб-интерфейс контроллера Wiren Board | | *подключать устройства к контроллеру; |
| |list= PL-yKQAXd5Un_fQfrVVgMt1Em5Qb1f-v6l
| | *настраивать контроллер и обновлять его ПО; |
| }}
| | *писать правила на встроенном движке; |
| В контроллерах Wiren Board есть встроенный веб-интерфейс, который позволяет выполнить большинство задач по настройке контроллера, встроенного ПО и подключённых устройств. Исходный код открыт и доступен в [https://github.com/wirenboard/ нашем репозитории].
| | *настраивать SMS и email-уведомления; |
| | *смотреть на графике историю значений (например, температуры). |
|
| |
|
| <!--T:2-->
| | Веб-интерфейс работает непосредственно на Wiren Board. В качестве веб-сервера работает [http://nginx.org nginx], сайт взаимодействует с MQTT через [http://en.wikipedia.org/wiki/WebSocket WebSocket]. |
| В качестве веб-сервера работает [http://nginx.org nginx], сайт взаимодействует с MQTT через [http://en.wikipedia.org/wiki/WebSocket WebSocket]. | |
|
| |
|
| <!--T:3-->
| | Ниже дано описание версии 2.0. Про предыдущую версию можно найти на странице [[Веб-интерфейс_Wiren_Board_1.0| Веб-интерфейс Wiren Board 1.0]]. |
| [https://wirenboard.com/ru/pages/wb-software/ Обзор возможностей веб-интерфейса контроллеров Wiren Board].
| |
|
| |
|
| == Как зайти в веб-интерфейс == <!--T:4--> | | == Как зайти в веб-интерфейс == |
| {{Anchor|how-to-enter}}
| |
| {{Wbincludes:How to enter}} | | {{Wbincludes:How to enter}} |
|
| |
|
| == Смена уровня доступа == <!--T:5--> | | == Смена уровня доступа == |
| {{Anchor|change-access-level}}
| |
| {{Wbincludes:WebUI Change Access Level}} | | {{Wbincludes:WebUI Change Access Level}} |
|
| |
|
| == Настройка подключения к MQTT и выбор языка == <!--T:6--> | | == Разделы интерфейса == |
| {{Anchor|webui}}
| |
| [[Image: Web-Configs-2.0 webui.png |300px|thumb|right| Настройки веб-интерфейса ]]
| |
| В разделе '''Настройки''' → '''Веб-интерфейс''' можно настроить подключение к MQTT-брокеру, выбрать панель для домашней страницы и сменить язык веб-интерфейса.
| |
|
| |
|
| <!--T:7-->
| | === Домашняя страница === |
| Веб-интерфейс не поддерживает авторизацию пользователя, но вы можете настроить http-авторизацию сервера nginx. Подробные инструкции смотрите в статье [[WebUI_Password| Защита веб-интерфейса контроллера паролем]].
| | {{Anchor|home}} |
| | На домашнюю страницу можно вывести один из текстовых дашбордов, которые могут содержать показания датчиков, элементы управления и т.п. Дашборд, который нужно показывать на этой странице указывается в настройках веб-интерфейса. |
| | [[File:Web-Home-2.0.png|thumb|center|500px|Домашняя страница]] |
|
| |
|
| == Список устройств == <!--T:8-->
| | == Интерактивные панели и виджеты == |
| {{Anchor|devices}}
| | {{Anchor|dashboards}} |
| На странице '''Устройства''' находятся виртуальные представления физически подключённых к контроллеру устройств или виртуальных устройств, созданных скриптами [[wb-rules]].
| |
| | |
| <!--T:9-->
| |
| Каждое устройства представлено карточкой, которая содержит каналы устройства — контролы. Если нажать на название контрола, то вы получите путь вида <code>device/control</code>, который можно использовать при написании скриптов на wb-rules.
| |
| | |
| <!--T:10-->
| |
| Не используйте эту страницу для управления системой автоматизацией, для этого есть панели.
| |
| | |
| <!--T:11-->
| |
| <gallery mode="packed" heights="150px">
| |
| Image: Web-Devices-2.0.png | Список устройств, подключённых к контроллеру
| |
| Image: Web-Devices-Delete-Device-2.0.png | Удаление карточки устройства
| |
| </gallery>
| |
| | |
| == Интерактивные панели и виджеты == <!--T:12--> | |
| {{Anchor|dashboards-and-widgets}} | |
| === Панели === | | === Панели === |
| {{Anchor|dashboards}}
| | Каналы различных устройств можно объединять в виджеты, из которых потом создаются текстовые панели. Например, можно сделать один виджет «Климат», в котором будут: температура, влажность, переключатели управления вентиляцией, обогревом и кондиционером. |
| Вы можете создавать текстовые и графические SVG-панели для отображения данных и управления системой автоматизации.
| |
|
| |
|
| <!--T:13-->
| | Также веб-интерфейс позволяет создавать интерактивные [[SVG-Dashboards | интерактивные графические SVG-панели]], которые можно вывести на планшет и использовать как пульт управления автоматизацией. |
| Текстовая панель состоит из виджетов, а графическая — из фонового изображения с привязками к MQTT-каналам контроллера. [[SVG-Dashboards | Как сделать SVG-панель]].
| |
|
| |
|
| <!--T:41-->
| |
| <gallery mode="packed" heights="150px"> | | <gallery mode="packed" heights="150px"> |
| Image: Web-Dashboards-2.0.png | Список панелей | | Image: Web-Dashboards-2.0.png | Список панелей |
Строка 64: |
Строка 41: |
| </gallery> | | </gallery> |
|
| |
|
| === Виджеты === <!--T:16--> | | === Виджеты === |
| {{Anchor|widgets}} | | {{Anchor|widgets}} |
| С помощью виджетов удобно объединять контролы разных устройств по смыслу, или местонахождению. Например, можно сделать виджет для управления освещением в спальне, или виджет климата в магазине. Виджеты группируются в панели, один виджет может быть добавлен в несколько панелей. | | С помощью виджетов удобно объединять контролы разных устройств по смыслу, или местонахождению. Например, можно сделать виджет для управление освещением в спальне, или виджет климата в магазине. |
|
| |
|
| <!--T:17-->
| | Проще всего виджеты добавлять сразу на панель управления кнопкой «Добавить виджет», а потом воспользоваться конструктором или описать виджет в формате JSON. |
| Создавать виджеты можно в разделе '''Виджеты''', или прямо из панели. Есть визуальный конструктор и редактор JSON.
| |
|
| |
|
| <!--T:18-->
| | <gallery mode="packed" heights="100px"> |
| <gallery mode="packed" heights="150px"> | | Image: widget-create-1.png | Добавление виджета на панель |
| Image: webui-widgets.png | Список виджетов
| |
| Image: widget-create-1.png | Создание нового виджета из панели | |
| Image: widget-create-2.png | Конструктор виджета | | Image: widget-create-2.png | Конструктор виджета |
| Image: widget-create-2.2.png | Вид JSON | | Image: widget-create-2.2.png | Вид JSON |
Строка 81: |
Строка 55: |
| </gallery> | | </gallery> |
|
| |
|
| == Полноэкранный и HMI режимы == | | == Подключённые устройства == |
| | {{Anchor|devices}} |
| | На странице «Устройства» находятся виртуальные представления физически подключённых к контроллеру устройств или виртуальных устройств, созданных скриптами [[wb-rules]]. |
|
| |
|
| <!--T:43--> | | Каждое устройства представлено карточкой, которая содержит каналы устройства — контролы. Если нажать на название контрола, то вы получите путь вида <code>device/control</code>, который можно использовать при написании скриптов на wb-rules. |
| {{Anchor|fullscreen-and-hmi}}
| |
| {{SupportedSinceRelease
| |
| | release = wb-2210
| |
| |content=
| |
| В обычном режиме в веб-интерфейсе много ненужных в повседневной работе пунктов меню, а верхняя панель и заголовок браузера отъедают много места по вертикали.
| |
|
| |
|
| Мы добавили несколько режимов, которые позволят изменить компоновку веб-интерфейса в зависимости от задач.
| | Не используйте эту страницу для управления системой автоматизацией, для этого есть панели. |
|
| |
|
| === Полноэкранный режим ===
| | <gallery mode="packed" heights="150px"> |
| Режим позволяет оперативно переключаться между видами с помощью кнопки. Удобно использовать, например, при просмотре панелей с мобильного телефона или при создании дашбордов.
| | Image: Web-Devices-2.0.png | Список устройств, подключённых к контроллеру |
| | | Image: Web-Devices-Delete-Device-2.0.png | Удаление карточки устройства |
| В этом режиме остаётся ''список панелей'' и вкладка ''История'', а верхняя панель веб-интерфейса скрывается, экономя место на экране. Режим удобно использовать, если у вас большая и сложная система с несколькими дашбордами и там нужна аналитика исторических данных.
| |
| | |
| Чтобы перейти в полноэкранный режим, откройте любую панель и нажмите справа вверху кнопку '''Открыть окно в полноэкранном виде'''.
| |
| | |
| Учитывайте, что из-за политики безопасности браузеров скрыть заголовок браузера параметром командной строки невозможно, поэтому запускайте браузер в режиме киоска или используйте специальную сборку, читайте об этом ниже.
| |
| | |
| Чтобы скрыть заголовок браузера автоматически при старте, запустите его в режиме «Киоск»: [[#kiosk-mode|Переключение браузера в режим киоска]].
| |
| | |
| <gallery mode="packed" heights="150px" caption="Полноэкранный режим"> | |
| Image: WebUI Fullscreen Button.png | Компьютер | |
| Image: WebUI Fullscreen.png | Компьютер, во весь экран
| |
| Image: WebUI Fullscreen Mobile off.png | Телефон | |
| Image: WebUI Fullscreen Mobile on.png | Телефон, во весь экран
| |
| </gallery> | | </gallery> |
|
| |
|
| === Рабочее место оператора ===
| | == История == |
| [[Image: WebUI Workplace Mode.png |300px|thumb|right| Рабочее место оператора, параметр <code>?fullscreen</code> ]]
| |
| Режим похож на полноэкранный, но в при его активации нет кнопки выхода из режима. Это позволяет в комбинации с [[#kiosk-mode|режимом браузера «Киоск»]] сделать рабочее место оператора, из которого он не сможет выйти в другие приложения или получить доступ к адресной строке и отключить режим.
| |
| | |
| Чтобы открыть панели в этом режиме, добавьте в адресную строку параметр <code>?fullscreen</code>:
| |
| <syntaxhighlight lang="ini">
| |
| # Для текстовой панели
| |
| http://192.168.2.108/#!/dashboards/dashboard1?fullscreen
| |
| | |
| # Для svg-панели
| |
| http://192.168.2.108/#!/dashboards/svg/view/dashboard3?fullscreen
| |
| </syntaxhighlight>
| |
| | |
| === Режим HMI ===
| |
| Если вы используете для управления системой автоматизации планшет или сенсорный экран и вам не нужны левое меню и верхняя панель со статусом подключения, то вы можете их убрать, включив режим HMI.
| |
| | |
| Чтобы открыть панель в режиме HMI, добавьте в адресную строку параметр <code>?hmi</code>. Примеры, где ''dashboard1'' — ID текстовой панели, а ''dashboard3'' — svg:
| |
| <syntaxhighlight lang="ini">
| |
| # Для текстовой панели
| |
| http://192.168.2.108/#!/dashboards/dashboard1?hmi
| |
| | |
| # Для svg-панели
| |
| http://192.168.2.108/#!/dashboards/svg/view/dashboard3?hmi
| |
| </syntaxhighlight>
| |
| | |
| Иногда надо сменить фон панели, сделать это можно с помощью параметра <code>hmicolor=%23abcdef</code>. Пример ниже сделает фон панели светло-синим, где <code>%23abcdef</code> — код цвета в шестнадцатеричном виде <code>#abcdef</code>:
| |
| <syntaxhighlight lang="ini">
| |
| # Для текстовой панели
| |
| http://192.168.2.108/#!/dashboards/dashboard1?hmi&hmicolor=%23abcdef
| |
| | |
| # Для svg-панели
| |
| http://192.168.2.108/#!/dashboards/svg/view/dashboard3?hmi&hmicolor=%23abcdef
| |
| </syntaxhighlight>
| |
| | |
| Чтобы скрыть заголовок браузера автоматически при старте, запустите его в режиме «Киоск»: [[#kiosk-mode|Переключение браузера в режим киоска]].
| |
| | |
| <gallery mode="packed" heights="150px" caption="Режим HMI">
| |
| Image: WebUI HMI.png | Без параметров
| |
| Image: WebUI HMI hmi.png | Параметр <code>?hmi</code>
| |
| Image: WebUI HMI hmi_hmicolor.png | Параметры <code>?hmi&hmicolor=%23abcdef</code>
| |
| Image: WebUI SVG.png | Без параметров
| |
| Image: WebUI SVG HMI hmi.png | Параметр <code>?hmi</code>
| |
| Image: WebUI SVG HMI mode.png | Параметры <code>?hmi&hmicolor=%231a1a1a</code>
| |
| </gallery>
| |
| | |
| === Переключение браузера в режим киоска ===
| |
| {{Anchor|kiosk-mode}}
| |
| Режим киоска браузера аналогичен режиму, который включается при нажатии на кнопку F11, с той лишь разницей, что из режима киоска пользователь выйти не может.
| |
| | |
| Этот режим удобно использовать при создании рабочего места оператора: добавляете в автозагрузку запуск браузера в режиме киоска у вас получается панель управления системой без возможности свернуть или закрыть окно.
| |
| | |
| Как это сделать:
| |
| # Откройте веб-интерфейс контроллера.
| |
| # Скопируйте в адресной строке браузера URL.
| |
| # Запустите браузер без панелей:
| |
| #* На компьютерах и планшетах с ОС Windows/Linux запустите браузер в режиме киоска и передайте ему параметром URL панели, примеры:
| |
| #*:<syntaxhighlight lang="bash">
| |
| firefox -kiosk 'http://wirenboard-ascmdm6q.local/#!/dashboards/dashboard1'
| |
| chromium -kiosk 'http://wirenboard-ascmdm6q.local/#!/dashboards/dashboard1'
| |
| </syntaxhighlight>
| |
| #* На планшетах с Android используйте специальные версии браузеров, например, [https://www.fully-kiosk.com/ Fully Kiosk Browser].
| |
| | |
| Этот режим можно комбинировать с полноэкранным режимом и режимом HMI, описанными выше.
| |
| | |
| }}
| |
| | |
| == История полученных данных == <!--T:19--> | |
| {{Anchor|history}} | | {{Anchor|history}} |
| [[Image: Web-History-Web-2.0 channel.png |300px|thumb|right| Кнопка перехода к истории измерений ]]
| |
|
| |
| <!--T:20-->
| |
| По умолчанию стандартное ПО контроллера хранит все полученные данные, которые вы можете посмотреть в виде графиков или таблицы. Данные можно выгрузить в csv, для этого нажмите на кнопку под графиком, или воспользуйтесь утилитой [https://github.com/wirenboard/wb-mqtt-db-cli wb-mqtt-db-cli].
| |
|
| |
|
| <!--T:21-->
| | По умолчанию стандартное ПО контроллера хранит все полученные данные, которые вы можете посмотреть в виде графиков или таблицы. Данные можно выгрузить в csv, для этого нажмите на кнопку под графиком, или воспользуйтесь утилитой [[Wb-mqtt-db-cli|wb-mqtt-db-cli]]. |
| Для просмотра истории перейдите в раздел '''История''' и выберите нужные каналы, или наведите курсор на канал виджета и нажмите кнопку с изображением гистограммы.
| |
|
| |
|
| <!--T:22-->
| |
| Возможности отображения: | | Возможности отображения: |
| * выбор периода; | | * выбор периода; |
Строка 192: |
Строка 78: |
| * масштабирование; | | * масштабирование; |
| * снятие скриншота; | | * снятие скриншота; |
| * два графика на каждый канал — значения в базе и «дельта».
| |
| * курсорные измерения. | | * курсорные измерения. |
|
| |
|
| <!--T:23-->
| | Если вам надо больше возможностей, вы можете настроить автоматический экспорт данных в [[Grafana]]. |
| Если нужно больше возможностей, можете настроить автоматический экспорт данных в [[Grafana]]. | |
| === Как работает история ===
| |
| Драйвер wb-mqtt-db записывает значение величины через указанный пользователем интервал времени.
| |
| | |
| На графике для каждого канала есть:
| |
| * яркая цветная линия — это средние значения за период;
| |
| * и полупрозрачные области того же цвета — это «дельта», которая показывает максимум и минимум значений за период между записями в базу.
| |
| | |
| Например, если сигнал быстро меняется, но нам не нужна информация обо всех значениях — увеличиваем интервал записи и экономим на размере БД. А «Дельта» позволит нам не потерять информацию о максимальных и минимальных значениях величины между записями.
| |
| | |
| Если вас не устраивает «Дельта» и вы хотите писать больше точек в базу, то:
| |
| * для сигналов, которые меняются быстро — уменьшите значение в параметре «Минимальный интервал записи значений»;
| |
| * для сигналов, которые меняются медленно — настройте параметр «Максимальное количество внеочередных записей».
| |
| | |
| Кроме этого можно настраивать «глубину» хранения истории, для этого есть параметры «Максимальное количество записей на канал» и «Максимальное количество записей на группу». Работает это так:
| |
| # Группируете каналы по группам. По умолчанию создана группа ''all'', куда включены все существующие mqtt-каналы по маске <code>+/+</code>.
| |
| # Далее настраиваете параметр «Максимальное количество записей на канал» для каждого канала.
| |
| # И, чтобы не было сюрпризов, вроде заполненной памяти контроллера, ограничиваете «Максимальное количество записей на группу».
| |
| | |
| Значения для построения графиков получаются следующим образом:
| |
| *В БД записываются средние, минимальные и максимальные значения за период между записями в базу.
| |
| *Далее выбранный для отображения временной интервал разбивается на участки, количество которых зависит от разрешения экрана. Значения из БД группируются по этим интервалам.
| |
| *Если в интервал попадает несколько значений из БД, то для каждого интервала рассчитывается среднее.
| |
|
| |
|
| | | <gallery mode="packed" heights="100px"> |
| <!--T:24-->
| |
| <gallery mode="packed" heights="100px" caption="Примеры скриншотов"> | |
| Image: Web-History-Web-2.0.png | График | | Image: Web-History-Web-2.0.png | График |
| Image: Web-History-Web-2.0 1.png | Табличное представление | | Image: Web-History-Web-2.0 1.png | Табличное представление |
Строка 229: |
Строка 89: |
| </gallery> | | </gallery> |
|
| |
|
| == Скрипты автоматизации == <!--T:25--> | | === Скрипты автоматизации === |
| {{Anchor|rules}} | | {{Anchor|rules}} |
|
| |
|
| <!--T:26-->
| |
| В веб-интерфейсе контроллера есть редактор скриптов [[wb-rules]], который позволяет создавать, редактировать и удалять правила. Если в скрипте есть ошибки, то редактор сообщит вам об этом и укажет место в скрипте. | | В веб-интерфейсе контроллера есть редактор скриптов [[wb-rules]], который позволяет создавать, редактировать и удалять правила. Если в скрипте есть ошибки, то редактор сообщит вам об этом и укажет место в скрипте. |
|
| |
|
| <!--T:27-->
| |
| Редактор доступен в разделе '''Правила''', используется CodeMirror, горячие клавиши:
| |
| {{SupportedSinceRelease
| |
| | release = wb-2307
| |
| |content=
| |
| <pre>
| |
| Ctrl + D — множественное редактирование
| |
| Ctrl + / — закомментировать / раскомментировать строки
| |
| Ctrl + [ — убрать отступ
| |
| Ctrl + ] — добавить отступ
| |
| Ctrl + C — копировать в буфер обмена
| |
| Ctrl + V — вставить из буфера обмена
| |
| Ctrl + Z — отмена последнего действия
| |
| Ctrl + Shift + Z — повторить последнее отменённое действие
| |
| Ctrl + U — повторить последнее выделение
| |
| Ctrl + I — выделить всё между парными скобками, если повторить — выделяется уровень выше
| |
| Ctrl + пробел — показать подсказку ввода
| |
| Ctrl + Shift + Left — выделить слово слева
| |
| Ctrl + Shift + Right — выделить слово справа
| |
| Ctrl + Shift + K — удалить строку
| |
| Ctrl + Backspace — удалить часть слова до курсора
| |
| Ctrl + Delete — удалить часть слова после курсора
| |
| </pre>
| |
| }}
| |
|
| |
| <!--T:28-->
| |
| <gallery mode="packed" heights="150px"> | | <gallery mode="packed" heights="150px"> |
| Image: Web-Rules-2.0.png | Редактор скриптов | | Image: Web-Rules-2.0.png | Редактор скриптов |
Строка 266: |
Строка 99: |
| </gallery> | | </gallery> |
|
| |
|
| == Настройка контроллера и подключённых устройств == <!--T:29--> | | === Настройка контроллера и подключённых устройств === |
| {{Anchor|settings}} | | {{Anchor|settings}} |
| [[Image: Web-Configs-2.0.png |300px|thumb|right| Конфигурационные файлы ]]
| | Страница администрирования на которой вы сможете: |
| Контроллер Wiren Board работает на Linux, поэтому почти все настройки хранятся в конфигурационных файлах. Файлы можно редактировать через [[SSH]] или с помощью веб-конфигуратора.
| | * настроить контроллер и подключённые к нему устройства; |
| | | * изменить уровень доступа и выбрать язык веб-интерфейса; |
| <!--T:30-->
| | * обновить ПО контроллера и выгрузить диагностический архив, который удобно использовать при обращении в техподдержку; |
| Список доступных настроек вы найдёте в разделе ''' Настройки''' → '''Конфигурационные файлы'''.
| | * посмотреть список MQTT-каналов и системный журнал. |
| | |
| <!--T:31-->
| |
| Например, через веб-интерфейс можно настроить подключённые [[RS-485:Configuration via Web Interface| Modbus-устройства]], шлюзы [[KNX | KNX]] и [[Modbus RTU/TCP Slave]] и другие параметры.
| |
| | |
| == Поиск устройств Wiren Board на шине RS-485 ==
| |
| {{Wbincludes:WebUI Scan Devices}}
| |
| | |
| == Уведомления о событиях == <!--T:32-->
| |
| {{Anchor|alarms}}
| |
| В веб-интерфейсе контроллера можно настроить отправку уведомления о событиях по SMS или Email, например, при срабатывании тревоги в модуле [[WB-MWAC Modbus Water Consumption Metering and Leak Monitoring| WB-MWAC]], отправить SMS на заданный номер. [[Notification module | Настройка модуля уведомлений]].
| |
| | |
| <!--T:33-->
| |
| Также вы можете отправлять уведомления в Телеграм, для этого нужно написать небольшой скрипт на wb-rules, [[Rule_Examples#telegram | пример]].
| |
| | |
| == Обновление прошивки и выгрузка диагностического архива == <!--T:34-->
| |
| {{Anchor|diagnostic}}
| |
| [[Image: Web-Configs-2.0 system.png |300px|thumb|right| Обновление ПО и выгрузка диагностики ]]
| |
| Обновить ПО контроллера без доступа к интернету можно через веб-интерфейс, для этого вам понадобится компьютер и заранее загруженный fit-файл прошивки. Подробнее про обновление ПО контроллера читайте на странице [[Wiren_Board_Software| Программное обеспечение Wiren Board]].
| |
|
| |
|
| <!--T:35-->
| |
| Если в работе контроллера возникли ошибки, то при обращении в техническую поддержку рекомендуем выгрузить диагностический архив — это поможет нам быстрее разобраться в проблеме. [[ Diagnostic archive | Описание структуры архива]].
| |
|
| |
| Выгрузить диагностический архив можно двумя способами:
| |
| * Перейдите в веб-интерфейсе на вкладку '''Настройки''' → '''Система''' и найдите раздел '''Сбор данных для диагностики'''. Сформируйте, а затем скачайте архив.
| |
| * Подключитесь к контроллеру по [[SSH]] и введите команду:
| |
| *:<pre>wb-diag-collect diag</pre>
| |
| *: архив будет сохранён в текущую папку, обычно это /root — оттуда его можно [[View_controller_files_from_your_computer|сохранить на компьютер]].
| |
|
| |
| == Резервная копия ==
| |
| {{Anchor|backup}}
| |
| {{note|note|Если вы не нашли этого раздела в своём контроллере — обновите его ПО.}}
| |
| Контроллер работает под операционной системой Debian Linux, поэтому все настройки хранятся в файлах. Вы можете создавать резервные способы любыми доступными средствами, например, командой rsync.
| |
| [[Image: webui-backups.png |300px|thumb|right| Кнопки резервного копирования ]]
| |
| Кроме этого вы можете скачать резервную копию из веб-интерфейса в разделе '''Настройки''' → '''Система'''. Доступно три варианта загрузки:
| |
| * Скачать архив с rootfs — соберёт всё содержимое корня в архив. Не включает в себя настройки системы, которые находятся в /mnt/data, а симлинки лежат в /etc. Размер архива может быть от сотен мегабайт до единиц гигабайт.
| |
| * Скачать файлы конфигурации — соберёт в архив все системные файлы конфигурации, скрипты с модулями wb-rules, а также конфиги zigbee2mqtt и Sprut.hub. Самый компактный архив, около 20 Мбайт. Если вы не устанавливали сторонний софт, его содержимого будет достаточно для восстановления.
| |
| * Скачать всё — соберёт в архив всё, что есть на контроллере: файлы конфигурации, установленный софт и т.п. Самый большой архив, зато позволяет сохранить конфиги стороннего софта, который мы не включили в компактный архив с файлами конфигурации.
| |
|
| |
| Восстанавливаются резервные копии вручную через копирование файлов на контроллер, общий алгоритм восстановления такой:
| |
| # Установить нужный софт.
| |
| # Скопировать конфиги и скрипты из резервной копии на контроллер. [[View_controller_files_from_your_computer |Инструкция, как работать с файлами на контроллере]].
| |
|
| |
| == Просмотр MQTT-каналов и системного журнала == <!--T:36-->
| |
| {{Anchor|mqtt-channels}}
| |
| Список MQTT-каналов пригодится при диагностике неисправностей, или при настройке интеграции со сторонним ПО, например, [[Rapid SCADA]] или [[Home Assistant]]. Список доступен в разделе '''Настройки''' → '''MQTT-каналы'''. Описание структуры топиков и общие рекомендации, смотрите в статье [[MQTT]].
| |
|
| |
| <!--T:37-->
| |
| Системный журнал ОС Linux можно посмотреть с помощью утилиты [[journalctl]] или в веб-интерфейсе контроллера в разделе '''Настройки''' → '''Системный журнал'''.
| |
|
| |
| <!--T:38-->
| |
| <gallery mode="packed" heights="120px"> | | <gallery mode="packed" heights="120px"> |
| | Image:Web-Configs-2.0.png| Настройки контроллера и подключённых устройств |
| | Image:Web-Configs-2.0 webui.png| Выбор языка веб-интерфейса и настройка подключения к MQTT |
| | Image:Web-Configs-2.0 system.png| Обновление прошивки контроллера и выгрузка диагностической информации |
| Image:Web-Configs-2.0 mqtt.png| MQTT-каналы | | Image:Web-Configs-2.0 mqtt.png| MQTT-каналы |
| | Image:Web-Configs-2.0 access.png| Смена уровня доступа |
| Image:Web-Configs-2.0 logs.png| Системный журнал | | Image:Web-Configs-2.0 logs.png| Системный журнал |
| </gallery> | | </gallery> |
|
| |
|
| == Проверка открытых портов и стандартных паролей == | | == Стандартные задачи, решаемые через веб-интерфейс == |
| {{Wbincludes:CheckSecurity}}
| |
|
| |
|
| == Управление с телефона == <!--T:45--> | | === Подключить устройство RS-485 Modbus и создать кнопки управления на главной панели === |
| {{Anchor|mobile}}
| | [[RS-485:Настройка через веб-интерфейс]] |
| Веб-интерфейс адаптируется под размер экрана, поэтому управлять системой автоматизации можно с мобильного устройства или планшета.
| |
|
| |
|
| <!--T:46-->
| | ===Обновить прошивку контроллера=== |
| Альтернативой может быть использование сторонних приложений: [[MQTT_Dash]], [[Home Assistant]], [[SberDevices|Салют! Умный дом]] и других, полный список смотрите в [[Supported_devices |таблице поддерживаемых устройств и программ]].
| | [[Wiren_Board_Firmware_Update#Обновление через веб-интерфейс|Обновление прошивки через веб-интерфейс]] |
|
| |
|
| <!--T:47-->
| | == Настройка авторизованного доступа к веб-интерфейсу контроллера == |
| <gallery mode="packed" heights="350px" caption="Веб-интерфейс контроллера в телефоне">
| | В статье [[Защита_паролем|Защита паролем]] приводятся краткие инструкции по перенастройке контроллера, обеспечивающие авторизованный доступ к веб-интерфейсу контроллера. |
| Image: web-ui mobile 1.png | Список устройств
| | |
| Image: web-ui mobile 2.png | Боковая панель
| | == Основные отличия версии 2.x от 1.0 == |
| Image: web-ui mobile 5.png | SVG-панель
| |
| Image: web-ui mobile 3.png | Просмотр системного журнала
| |
| Image: web-ui mobile 4.png | Настройка Modbus-устройства
| |
| </gallery>
| |
|
| |
|
| == Предыдущая версия == <!--T:39-->
| | * Каждый виджет может содержать произвольное число каналов, в виджете каналы можно переименовывать |
| * [[Wiren_Board_Web_Interface 1.0| Веб-интерфейс Wiren Board 1.0]], заменён на 2.0 в начале 2021 года. | | * Отдельные устройства теперь автоматически сворачиваются в виде плиток, если не помещаются на экране. Плитки можно развернуть или свернуть |
| </translate>
| | * Появились уровни доступа к интерфейсу (пользователь, оператор, администратор). Текущий уровень доступа отображается в правом верхнем углу интерфейса, рядом со значком состояния подключения |
| | * Улучшенный интерфейс для мобильных устройств |
| | * По клику на канал или значение название канала или его значение копируются в буфер обмена |
| | * Историю значений можно посмотреть, нажав на кнопку, появляющуюся рядом со значением при наведении |
| | * Историю значений можно скачивать в виде текстового файла |
| | * Исторические данные загружаются постепенно; возможно сравнивать значения нескольких каналов |
| | * Удаление лишних MQTT-топиков из интерфейса |
| | * Все настройки отображения теперь хранятся в конфиг-файле /etc/wb-ui.conf в формате JSON. Теперь их можно редактировать и генерировать из сторонних программ и очень просто копировать с одного контроллера на другой |
| | * Отсутствуют "Комнаты" |
| | * Сохранение конфигурации интерфейса при обновлении предыдущей версии веб-интерфейса. |
Главная страница веб-интерфейса
Возможности
Контроллер Wiren Board имеет встроенный веб-интерфейс.
Через интерфейс можно:
- следить за состоянием контроллера и подключённых устройств и управлять ими;
- подключать устройства к контроллеру;
- настраивать контроллер и обновлять его ПО;
- писать правила на встроенном движке;
- настраивать SMS и email-уведомления;
- смотреть на графике историю значений (например, температуры).
Веб-интерфейс работает непосредственно на Wiren Board. В качестве веб-сервера работает nginx, сайт взаимодействует с MQTT через WebSocket.
Ниже дано описание версии 2.0. Про предыдущую версию можно найти на странице Веб-интерфейс Wiren Board 1.0.
Как зайти в веб-интерфейс
Чтобы зайти в веб-интерфейс контроллера Wiren Board, подключитесь к контроллеру через Wi-Fi или Ethernet и введите в адресную строку браузера IP-адрес контроллера.
Если вы находитесь в одной сети с контроллером и используете компьютер с Linux, Windows 10 и выше или macOS, или любое устройство Apple, то можно использовать mDNS. Вместо IP-адреса введите в адресную строку http://wirenboard-XXXXXXXX.local, где ХХХХХХХХ — серийный номер контроллера.
Также доступ можно получить через Wiren Board Cloud, если контроллер к нему подключен.
Смена уровня доступа
Для изменения настроек контроллера вам нужен уровень доступа Администратор, который можно выставить в разделе Настройки → Права доступа.
После завершения настроек рекомендуем поставить уровень доступа Пользователь или Оператор — это поможет не совершить случайных ошибок при ежедневной работе с веб-интерфейсом.
Разделы интерфейса
Домашняя страница
На домашнюю страницу можно вывести один из текстовых дашбордов, которые могут содержать показания датчиков, элементы управления и т.п. Дашборд, который нужно показывать на этой странице указывается в настройках веб-интерфейса.
Интерактивные панели и виджеты
Панели
Каналы различных устройств можно объединять в виджеты, из которых потом создаются текстовые панели. Например, можно сделать один виджет «Климат», в котором будут: температура, влажность, переключатели управления вентиляцией, обогревом и кондиционером.
Также веб-интерфейс позволяет создавать интерактивные интерактивные графические SVG-панели, которые можно вывести на планшет и использовать как пульт управления автоматизацией.
Виджеты
С помощью виджетов удобно объединять контролы разных устройств по смыслу, или местонахождению. Например, можно сделать виджет для управление освещением в спальне, или виджет климата в магазине.
Проще всего виджеты добавлять сразу на панель управления кнопкой «Добавить виджет», а потом воспользоваться конструктором или описать виджет в формате JSON.
Добавление виджета на панель
Подключённые устройства
На странице «Устройства» находятся виртуальные представления физически подключённых к контроллеру устройств или виртуальных устройств, созданных скриптами wb-rules.
Каждое устройства представлено карточкой, которая содержит каналы устройства — контролы. Если нажать на название контрола, то вы получите путь вида device/control
, который можно использовать при написании скриптов на wb-rules.
Не используйте эту страницу для управления системой автоматизацией, для этого есть панели.
Список устройств, подключённых к контроллеру
Удаление карточки устройства
История
По умолчанию стандартное ПО контроллера хранит все полученные данные, которые вы можете посмотреть в виде графиков или таблицы. Данные можно выгрузить в csv, для этого нажмите на кнопку под графиком, или воспользуйтесь утилитой wb-mqtt-db-cli.
Возможности отображения:
- выбор периода;
- одновременный просмотр нескольких каналов;
- масштабирование;
- снятие скриншота;
- курсорные измерения.
Если вам надо больше возможностей, вы можете настроить автоматический экспорт данных в Grafana.
Данные, выгруженные в CSV
Настройка хранения истории
Скрипты автоматизации
В веб-интерфейсе контроллера есть редактор скриптов wb-rules, который позволяет создавать, редактировать и удалять правила. Если в скрипте есть ошибки, то редактор сообщит вам об этом и укажет место в скрипте.
Настройка контроллера и подключённых устройств
Страница администрирования на которой вы сможете:
- настроить контроллер и подключённые к нему устройства;
- изменить уровень доступа и выбрать язык веб-интерфейса;
- обновить ПО контроллера и выгрузить диагностический архив, который удобно использовать при обращении в техподдержку;
- посмотреть список MQTT-каналов и системный журнал.
Настройки контроллера и подключённых устройств
Выбор языка веб-интерфейса и настройка подключения к MQTT
Обновление прошивки контроллера и выгрузка диагностической информации
Стандартные задачи, решаемые через веб-интерфейс
Подключить устройство RS-485 Modbus и создать кнопки управления на главной панели
RS-485:Настройка через веб-интерфейс
Обновить прошивку контроллера
Обновление прошивки через веб-интерфейс
Настройка авторизованного доступа к веб-интерфейсу контроллера
В статье Защита паролем приводятся краткие инструкции по перенастройке контроллера, обеспечивающие авторизованный доступ к веб-интерфейсу контроллера.
Основные отличия версии 2.x от 1.0
- Каждый виджет может содержать произвольное число каналов, в виджете каналы можно переименовывать
- Отдельные устройства теперь автоматически сворачиваются в виде плиток, если не помещаются на экране. Плитки можно развернуть или свернуть
- Появились уровни доступа к интерфейсу (пользователь, оператор, администратор). Текущий уровень доступа отображается в правом верхнем углу интерфейса, рядом со значком состояния подключения
- Улучшенный интерфейс для мобильных устройств
- По клику на канал или значение название канала или его значение копируются в буфер обмена
- Историю значений можно посмотреть, нажав на кнопку, появляющуюся рядом со значением при наведении
- Историю значений можно скачивать в виде текстового файла
- Исторические данные загружаются постепенно; возможно сравнивать значения нескольких каналов
- Удаление лишних MQTT-топиков из интерфейса
- Все настройки отображения теперь хранятся в конфиг-файле /etc/wb-ui.conf в формате JSON. Теперь их можно редактировать и генерировать из сторонних программ и очень просто копировать с одного контроллера на другой
- Отсутствуют "Комнаты"
- Сохранение конфигурации интерфейса при обновлении предыдущей версии веб-интерфейса.