Путівник по Подману
програмне забезпечення
Посібник користувача
Створення контейнера Node-RED
У цьому посібнику описано встановлення контейнера Node-RED на Pixsys. WebПанель «WP» та сенсорний контролер серій «TC».
Відображення панелі інструментів Node-RED на екрані можливе лише на WP – WebПанельні пристрої та на панелях TC – TouchController з кнопкою «WebТільки ліцензія Visu. На TouchController – панелі TC з ліцензією «TargetVisu» або «TargetVisu +». WebЛіцензія «Visu», відображення панелі інструментів Node-RED неможливо.
Логін
Щоб отримати доступ до пристрою в режимі конфігурації, утримуйте кнопку STOP, яка з'являється під час запуску.
Доступ до консолі конфігурації можна отримати, ввівши такі облікові дані:
Ім'я користувача: користувача
Пароль: 123456
Якщо IP-адреса пристрою відома, також можливо та рекомендується отримати доступ до консолі конфігурації з браузера на ПК користувача, ввівши адресу: https://device-IP-.9443/ та використовуючи вищезазначені облікові дані.
Створення папки для Node-RED
Контейнер, який буде активовано, потребує місця для зберігання даних користувача.
Для цього в папці пристроїв є папка /data/user.
Використовуючи WinScp або інше програмне забезпечення для доступу до sFTP, створіть папку node-red у межах шляху /data/user, виконавши наведені нижче дії:
- Відкрийте WinSCP, підключіться до пристрою, використовуючи IP-адресу та облікові дані, які вже використовуються для доступу до консолі конфігурації, та виберіть /data/user
- У меню «Нове» виберіть опцію «Каталог…».
- Створіть папку node-red, увімкнувши всі дозволи «R/W/X»:
Такий самий процес також можливий через SSH-доступ та за допомогою наступних підказок:
mkdir -p /data/user/node-red
chmod a+rwx /data/user/node-red
Завантаження контейнера
Відкрийте розділ «Контейнери Podman» у рядку меню:
Виберіть опцію «Завантажити нове зображення» в меню праворуч за допомогою значка з трьома крапками
Виберіть область пошуку «docker.io»
Введіть «node-red» у «шукати«
Виберіть офіційне зображення «docker.io/nodered/node-red»:
Потім натисніть кнопку «Завантажити», і почнеться завантаження зображення.
Це кілька сотень Мб file; залежно від інтернет-з’єднання, це може зайняти кілька хвилин.
Після завершення завантаження можна буде view зображення на пристрої:
Створення контейнера
На вкладці «Контейнери» натисніть кнопку «Створити контейнер». Відкриється меню для налаштування контейнера, який ви хочете створити.
Заповніть поле «Ім’я» обраним ім’ям, замінивши його автоматично згенерованим випадковим.
Деталі вкладки:
У полі «Зображення» виберіть завантажене зображення, як описано в попередньому розділі:
Налаштуйте «Обмеження пам’яті» на 128 або 256 МБ.
Якщо для параметра «Політика перезапуску» встановлено значення «Завжди», контейнер запускатиметься автоматично та перезапускатиметься навіть у разі завершення роботи за командою користувача.
Інтеграція вкладок:
Налаштуйте зіставлення портів, щоб відкрити порт 1880 як у TCP, так і в UDP, та зіставте шлях контейнера /data, видимий з node-red, зі шляхом хоста /data/user/node-red
Перевірка стану вкладки:
Ця вкладка визначає контрольні перевірки правильності роботи контейнера та його поведінку у разі помилки.
На зображенні нижче показано параметри за замовчуванням:
На цьому сtagе., натисніть «Створити та запустити» та дочекайтеся створення контейнера.
Тестування контейнера
Після завершення процедури створення контейнера у списку «Контейнери» відобразиться новий запущений контейнер (стан: Виконується):
Відкрийте браузер на ПК та перейдіть на сторінку: http://device-IP.1880
Створення інформаційної панелі
Панель інструментів дозволяє Node-RED презентувати/публікувати динамічну web сторінки.
Встановіть «node-red-dashboard», відкривши палітру керування меню:
шукати node-red-dashboard у вкладці «Встановити»
Дочекайтеся завершення встановлення, а потім увійдіть у консоль та імпортуйте Flow, введений в кінці посібника, з меню Import:
**Це колишнєampкод без реальної мети.
NB Щодо використання Node-RED та панелі інструментів, будь ласка, зверніться до документації, доступної онлайн.
Після імпорту коду буде створено проект, подібний до наступного:
Прес 
для компіляції та запуску проекту.
Відкриття сторінки http://device-IP.1880/ui, результат виглядатиме наступним чином:
Налаштування панелі для відображення інформаційної панелі
На цьому етапі, для панелей, які це дозволяють, перейдіть до меню Налаштування WP, потім Основні налаштування програми та введіть URL http://localhost.1880/ui
Використовуйте термін localhost або IP 127.0.0.1, щоб браузер мав доступ до самого пристрою, незалежно від його фактичної IP-адреси.
Після перезавантаження пристрій відобразить повноекранну панель керування Node-RED.
Exampпотік
Наведений нижче код – це текст, який потрібно імпортувати як Flow у Node-RED:
[{
“id”: “1e6b97b5.687fd8”,
«тип»: «вкладка»,
«мітка»: «Інформаційна панель»,
«вимкнено»: хибно,
«Інформація»: «»
},
{
“id”: “ 7c8 f 99d9.196b98”,
«тип»: «ui_text»,
“z”: “1e6b97b5.687fd8”,
«група»: «dd4567b9.6a4c18»,
«Порядок»: 1,
«ширина»: «12»,
«висота»: «1»,
«Ім'я»: «Посада»,
«мітка»: «Інформаційна панель – відображення випадкових даних»,
«формат»: «{{msg.корисне навантаження}}»,
«макет»: «центр-сховищ»,
«х»: 330,
«у»: 120,
«дроти»: [] },
{
“id”: “2e4a56f8.cfa23a”,
«тип»: «ui_gauge»,
“z”: “1e6b97b5.687fd8”,
«Назва»: «Випадковий калібр»,
«група»: «dd4567b9.6a4c18»,
«Порядок»: 2,
«ширина»: «6»,
«висота»: «6»,
«gtype»: «калібр»,
«Назва»: «Випадкове значення»,
«мітка»: «%»,
«формат»: «{{значення}}»,
«мін»: «0»,
"max": "100",
“colors”: [“#00b500”,”#e6e600”,”#ca3838”],
«сегмент1»: «30»,
«сегмент2»: «70»,
«х»: 320,
«у»: 240,
«дроти»: [] },
{
«ідентифікатор»: «3b9ddefd.32b9d»,
«тип»: «ui_chart»,
“z”: “1e6b97b5.687fd8”,
«назва»: «Діаграма на основі часу»,
«група»: «dd4567b9.6a4c18»,
«Порядок»: 3,
«ширина»: «6»,
«висота»: «6»,
«мітка»: «Випадкова часова діаграма»,
«Тип символу t»: «рядок»,
«легенда»: «хибна»,
«xformat»: «ГГ:хх:сс»,
«інтерполяція»: «лінійна»,
«без даних»: «»,
«ymin»: «0»,
«ymax»: «100»,
«видалитиСтаріші»: 1,
«видалитиСтарішіПойнти»: «»,
«видалити старий блок»: «3600»,
«виріз»: 0,
«useOneColor»: хибний,
“colors”: [“#00b500”,”#e6e600”,”#ca3838”],
«Виходи»: 1,
«useDifferentColor»: хибний,
«х»: 600,
«у»: 240,
«дроти»: [] },
{
“id”: “ 74b1ae f 8.e7e0d8”,
«тип»: «функція»,
“z”: “1e6b97b5.687fd8”,
«назва»: «Генерувати випадкові дані»,
«функція»: «msg.payload = Math.floor(Math.random() * 100);\nповернути повідомлення;»,
«Виходи»: 1,
«Норр»: 0,
«ініціалізувати»: «»,
«фіналізовувати»: «»,
«бібліотеки»: [],
«х»: 130,
«у»: 240,
«дроти»: [
[
“2e4a56f8.cfa23a”,
«3b9ddefd.32b9d»
] ] },
{
“id”: “e0e9bd3c.a8ae2”,
«тип»: «впорскування»,
“z”: “1e6b97b5.687fd8”,
«Ім'я»: «»,
«реквізит»: [
{
«p»: «корисне навантаження»
}
],
«повтор»: «1»,
«кронтаб»: «»,
«один раз»: правда,
«onceDelay»: 0.1,
«Тема»: «»,
«Тип корисного навантаження»: «дата»,
«х»: 130,
«у»: 160,
«дроти»: [
[
“74b1ae f 8.e7e0d8”
] ] },
{
«ідентифікатор»: «dd4567b9.6a4c18»,
«тип»: «ui_group»,
«з»: «»,
«ім'я»: «Випадкові дані»,
«вкладка»: «fe9b4293.8df8e»,
«Порядок»: 1,
«disp»: правда,
«ширина»: «12»,
«колапс»: хибний
},
{
«ідентифікатор»: «fe9b4293.8df8e»,
«тип»: «ui_tab»,
«з»: «»,
«назва»: «Головна панель інструментів»,
«піктограма»: «панель інструментів»,
«Порядок»: 1,
«вимкнено»: хибно,
«Прихований»: хибний
}
]
Нотатки / Оновлення
PIXSYS srl
www.pixsys.net
sales@pixsys.net – support@pixsys.net
онлайн-допомога: http://forum.pixsys.net
через По, 16, Іллінойс-30030
Мелларедо ді Піаніга, ВЕНЕЦІЯ (ІТ)
Тел. +39 041 5190518
200525
Документи / Ресурси
 |
Піксіс Web Програмне забезпечення для сенсорного контролера панелі [pdfПосібник користувача Серія WP, серія TC, Web Програмне забезпечення для сенсорного контролера панелі, програмне забезпечення для сенсорного контролера, програмне забезпечення для контролера, програмне забезпечення |