16 343
правки
м |
|||
(не показаны 4 промежуточные версии 3 участников) | |||
Строка 1: | Строка 1: | ||
<languages/> | <languages/> | ||
<translate> | <translate> | ||
{{DISPLAYTITLE: Веб-интерфейс контролера Wiren Board, версии 1.x (устаревший) }} | |||
{{note|warn|Статья описывает старую версию веб-интерфейса, актуальная версия описана на странице [[Wiren_Board_Web_Interface| Веб-интерфейс контроллера Wiren Board 2.x]].}} | |||
<!--T:1--> | <!--T:1--> | ||
[[Файл:Веб-интерфейс - главная.png|thumb|600 px|Главная страница веб-интерфейса]] | [[Файл:Веб-интерфейс - главная.png|thumb|600 px|Главная страница веб-интерфейса]] | ||
Строка 11: | Строка 13: | ||
*смотреть на графике историю значений (например, температуры). | *смотреть на графике историю значений (например, температуры). | ||
Веб-интерфейс работает непосредственно на Wiren Board. В качестве веб-сервера работает [http://nginx.org nginx] (в ранних версиях на | <!--T:206--> | ||
Веб-интерфейс работает непосредственно на Wiren Board. В качестве веб-сервера работает [http://nginx.org nginx] (в ранних версиях на [http://manpages.ubuntu.com/manpages/lucid/man1/webfsd.1.html webfsd]). Сам сайт написан на [https://angularjs.org/ AngularJS] и взаимодействует с MQTT через [http://en.wikipedia.org/wiki/WebSocket WebSocket]. | |||
Строка 40: | Строка 43: | ||
На странице ''Devices'' отображаются все аппаратные возможности контроллера (состояние входов, выходов, напряжение питания), а также подключённых датчиков и устройств. Если вы подключили к контроллеру внешний модуль, все его меняющиеся значения будут отображены тут. | На странице ''Devices'' отображаются все аппаратные возможности контроллера (состояние входов, выходов, напряжение питания), а также подключённых датчиков и устройств. Если вы подключили к контроллеру внешний модуль, все его меняющиеся значения будут отображены тут. | ||
<!--T:207--> | |||
Параметры, отображаемые на этой странице, не надо путать с виджетами - подробнее смотрите в разделе [[#Widgets (Виджеты)]]. | Параметры, отображаемые на этой странице, не надо путать с виджетами - подробнее смотрите в разделе [[#Widgets (Виджеты)]]. | ||
<!--T:208--> | |||
Чтобы на этой странице появились аппаратные возможности подключённых устройств (например, внешних модулей реле), сначала нужно настроить их через раздел [[#Configs (Конфигурирование)]]. | Чтобы на этой странице появились аппаратные возможности подключённых устройств (например, внешних модулей реле), сначала нужно настроить их через раздел [[#Configs (Конфигурирование)]]. | ||
Строка 53: | Строка 58: | ||
[[File:web-widgets.png|thumb|center|400 px|Widgets - страница создания и редактирования виджетов]] | [[File:web-widgets.png|thumb|center|400 px|Widgets - страница создания и редактирования виджетов]] | ||
Виджеты - непосредственно элементы интерфейса. Создаются на основе аппаратных параметров контроллера и подключённых к нему устройств - тех, что отображаются на странице [[#Devices (Устройства)|Devices (Устройства)]]. | Виджеты - непосредственно элементы интерфейса. Создаются на основе аппаратных параметров контроллера и подключённых к нему устройств - тех, что отображаются на странице [[#Devices (Устройства)|Devices (Устройства)]]. | ||
==== Пример виджета ==== | ==== Пример виджета ==== <!--T:15--> | ||
[[File:web-widgets-edit.png|thumb|200 px|Настройка виджета]] | [[File:web-widgets-edit.png|thumb|200 px|Настройка виджета]] | ||
<!--T:209--> | |||
Предположим, вы управляете подсветкой картины на стене при помощи внешнего модуля реле, подключённого к контроллеру. Оборудование (модуль реле и лампа подсветки) находятся в помещении 103. Тогда можно создать такой виджет: | Предположим, вы управляете подсветкой картины на стене при помощи внешнего модуля реле, подключённого к контроллеру. Оборудование (модуль реле и лампа подсветки) находятся в помещении 103. Тогда можно создать такой виджет: | ||
*Название: ''Включить подсветку'' | *Название: ''Включить подсветку'' | ||
Строка 67: | Строка 72: | ||
[[File:web-history.png|thumb|center|400 px|График и список значений напряжения питания]] | [[File:web-history.png|thumb|center|400 px|График и список значений напряжения питания]] | ||
<!--T:210--> | |||
На странице ''History'' можно просмотреть историю изменения значений аппаратных ресурсов (например, датчиков температуры, напряжения, показаний счётчиков). История представляется одновременно в виде графика и таблицы значений с метками времени. | На странице ''History'' можно просмотреть историю изменения значений аппаратных ресурсов (например, датчиков температуры, напряжения, показаний счётчиков). История представляется одновременно в виде графика и таблицы значений с метками времени. | ||
<!--T:211--> | |||
[[Wb-mqtt-db-cli|Утилита для извлечения исторических данных из внутренней базы данных]] | [[Wb-mqtt-db-cli|Утилита для извлечения исторических данных из внутренней базы данных]] | ||
Строка 74: | Строка 81: | ||
[[File:web-scripts.png|thumb|center|400 px|Скрипт, открытый для просмотра и редактирования]] | [[File:web-scripts.png|thumb|center|400 px|Скрипт, открытый для просмотра и редактирования]] | ||
<!--T:212--> | |||
На странице ''Scripts'' можно создавать и редактировать правила. Правила пишутся на простом языке, похожем на JavaScript, и позволяют создавать правила ("включай свет с 10:00 до 18:00") или виртуальные устройства (например, кнопка в интерфейсе, которая включает и отключает всё освещение в здании вместе). | На странице ''Scripts'' можно создавать и редактировать правила. Правила пишутся на простом языке, похожем на JavaScript, и позволяют создавать правила ("включай свет с 10:00 до 18:00") или виртуальные устройства (например, кнопка в интерфейсе, которая включает и отключает всё освещение в здании вместе). | ||
*[[Движок правил wb-rules | Подробнее про скрипты]]. | *[[Движок правил wb-rules | Подробнее про скрипты]]. | ||
Строка 95: | Строка 103: | ||
*просмотреть полный список подключённых устройств и и их аппаратных возможностей и не которую другую отладочную информацию. | *просмотреть полный список подключённых устройств и и их аппаратных возможностей и не которую другую отладочную информацию. | ||
== Стандартные задачи, решаемые через веб-интерфейс == | == Стандартные задачи, решаемые через веб-интерфейс == <!--T:213--> | ||
=== Покдлючить устройство RS-485 Modbus и создать кнопки управления на главной панели === | === Покдлючить устройство RS-485 Modbus и создать кнопки управления на главной панели === <!--T:214--> | ||
[[RS-485:Настройка через веб-интерфейс]] | [[RS-485:Настройка через веб-интерфейс]] | ||
===Обновить прошивку контроллера=== | ===Обновить прошивку контроллера=== | ||
[[Обновление прошивки#Обновление прошивки через веб-интерфейс|Обновление прошивки через веб-интерфейс]] | [[Обновление прошивки#Обновление прошивки через веб-интерфейс|Обновление прошивки через веб-интерфейс]] | ||
== Облачный интерфейс == <!--T: | == Облачный интерфейс == <!--T:204--> | ||
<!--T:21--> | <!--T:21--> | ||
Веб-интерфейс Wiren Board можно разместить не только на самом контроллере, но и на специальном сервере. Тогда на интерфейс можно будет заходить используя всегда один и тот же IP-адрес. | Веб-интерфейс Wiren Board можно разместить не только на самом контроллере, но и на специальном сервере. Тогда на интерфейс можно будет заходить используя всегда один и тот же IP-адрес. | ||
<!--T:215--> | |||
Чтобы контроллер начал работать с веб-интерфейсом, размещённым на сервере, нужно внести некоторые изменения в конфигурацию контроллера. | Чтобы контроллер начал работать с веб-интерфейсом, размещённым на сервере, нужно внести некоторые изменения в конфигурацию контроллера. | ||
<!--T:216--> | |||
Такой вариант удобен, если ваш контроллер находится за роутером и не имеет глобального IP-адреса, или если он подключён по GPRS - тогда он тоже, скорее всего, не имеет глобального IP, да ещё и работа с удалённым веб-интерфейсом израсходует слишком много трафика. | Такой вариант удобен, если ваш контроллер находится за роутером и не имеет глобального IP-адреса, или если он подключён по GPRS - тогда он тоже, скорее всего, не имеет глобального IP, да ещё и работа с удалённым веб-интерфейсом израсходует слишком много трафика. | ||
<!--T:217--> | |||
'''Пока что такой вариант доступен только корпоративным клиентам по запросу.''' | '''Пока что такой вариант доступен только корпоративным клиентам по запросу.''' | ||
<!--T:218--> | |||
Также рекомендуем воспользоваться сервисом [http://inspektor.carbonfay.ru Inspektor SCADA], который предоставляет схожую функциональность. [[Inspektor SCADA|Статья]] про настройку доступа к Inspektor SCADA. | Также рекомендуем воспользоваться сервисом [http://inspektor.carbonfay.ru Inspektor SCADA], который предоставляет схожую функциональность. [[Inspektor SCADA|Статья]] про настройку доступа к Inspektor SCADA. | ||
Строка 119: | Строка 131: | ||
== Настройка авторизованного доступа к Web-интерфейсу контроллера == | == Настройка авторизованного доступа к Web-интерфейсу контроллера == <!--T:219--> | ||
В статье [[Защита_паролем|Защита паролем]] приводятся краткие инструкции по перенастройке контроллера, обеспечивающие авторизованный доступ к Web-интерфейсу контроллера. | В статье [[Защита_паролем|Защита паролем]] приводятся краткие инструкции по перенастройке контроллера, обеспечивающие авторизованный доступ к Web-интерфейсу контроллера. | ||
</translate> | </translate> |