16 281
правка
Node-RED Dashboards: различия между версиями
→Создание панели с виджетами
| Строка 28: | Строка 28: | ||
== Создание панели с виджетами == | == Создание панели с виджетами == | ||
[[Image: bode-red-dashboard-widjets.png |300px|thumb|right| Дашборд из примера ]] | |||
Панель с типовыми виджетами — это быстрый способ получить несложный интерфейс, который закроет большинство потребностей. Притом, интерфейс получается адаптивный, то есть при нехватке места по горизонтали, группы располагаются друг под другом. | |||
Создадим панель, на которую поместим элементы управления зуммером контроллера: | |||
# Перейдите в веб-интерфейс Node-RED. | |||
# В правом верхнем углу нажмите на треугольничек и выберите '''Dashboard'''. | |||
# На вкладке '''Layout''' добавьте новую вкладку, а в ней — группу. | |||
# В левой панели в группе '''dashboard''' найдите ноды '''switch''' и '''slider''' и перетащите их в рабочую область. | |||
# По очереди дважды кликните на добавленных нодах, проверьте, что выбрана верная группа ''Group 1'' и в настройках ноды '''slider''': | |||
#* в поле '''Range''' установите значение '''max = 100'''.. | |||
#* в поле '''Output''' выберите '''only release'''. | |||
# В левой панели в группе '''Wiren Board''' найдите ноду '''in''' и добавьте два экземпляра на панель. | |||
# Дважды кликнете на каждой ноде '''in''' и в одной выберите канал <code>buzzer/enabled</code>, а в другой — <code>buzzer/volume</code>. | |||
# В левой панели в группе '''Wiren Board''' найдите ноду '''out''' и добавьте два экземпляра на панель. | |||
# Дважды кликнете на каждой ноде '''out''' и в одной выберите канал <code>buzzer/enabled</code>, а в другой — <code>buzzer/volume</code>. | |||
# Соедините ноды между собой по картинке ниже и нажмите вверху кнопку '''Deploy'''. | |||
Теперь в инструменте '''dashboard''' → '''Layout''' нажмите на кнопку со стрелочкой, откроется новая страница с нашей панелью. | |||