Pixsys Web Guía do usuario do software do controlador táctil do panel

Guía de Podman
Software
Manual de usuario

Creando un contedor Node-RED

Esta guía abrangue a instalación dun contedor Node-RED en Pixsys WebPanel da serie “WP” e controlador táctil “TC”.
Só é posible mostrar o panel de control de Node-RED na pantalla en WP. WebDispositivos de panel e en paneis TC – TouchController coa opción “WebSó con licenza de “Visu”. En TouchController: paneis TC cunha licenza “TargetVisu” ou “TargetVisu ​​+ WebVisu", non é posible mostrar o panel de control de Node-RED.

Iniciar sesión

Acceda ao dispositivo no modo de configuración mantendo premido o botón STOP que aparece ao iniciar.
Acceda á consola de configuración introducindo as seguintes credenciais:

Nome de usuario: usuario
Contrasinal: 123456

Se se coñece o enderezo IP do dispositivo, tamén é posible, e recomendable, acceder á consola de configuración desde un navegador no PC do usuario accedendo ao enderezo: https://device-IP-.9443/ e usando as credenciais anteriores.

Creando o cartafol para Node-RED

O contedor que se vai activar require un espazo para almacenar os datos do usuario.
Para este propósito, nos dispositivos existe unha carpeta /data/user.
Usando WinScp ou outro software de acceso sFTP, crea unha carpeta node-red dentro da ruta /data/user, seguindo os pasos seguintes:

• Abre WinSCP, conéctate ao dispositivo usando o enderezo IP e as credenciais que xa usaches para acceder á consola de configuración e escolle /data/user
• No menú “Novo” selecciona a opción “Directorio…”.
• Crea a carpeta node-red, activando todos os permisos de "R/W/X":

O mesmo proceso tamén é posible mediante acceso SSH e usando as seguintes indicacións:
mkdir -p /datos/usuario/nodo-vermello
chmod a+rwx /datos/usuario/nodo-vermello

Descarga do contedor

Acceda a "Contedores Podman" na barra de menú:

Selecciona a opción "Descargar nova imaxe" no menú da dereita coa icona de tres puntos

Selecciona a área de busca “docker.io“Escribe “node-red” en “Busca"

Selecciona a imaxe oficial “docker.io/nodered/node-red”:

Despois preme en "Descargar" e comezará a descarga da imaxe.

Trátase de varios centos de Mb file; dependendo da conexión a internet, pode levar varios minutos.

Cando a descarga estea completa, será posible view a imaxe no dispositivo:

Creación de contedores

Na lapela "Contenedores", preme o botón "Crear contedor". Abrirase un menú para configurar o contedor que queres crear.

Encha o campo "Nome" cun nome da súa elección, substituíndo o nome aleatorio xerado automaticamente.

Detalles da pestana:
No cadro "Imaxe", escolle a imaxe descargada como se describe no capítulo anterior:

Configura o "Límite de memoria" en 128 ou 256 MB.
Se se define "Política de reinicio" en "Sempre", o contedor inicie automaticamente e se reinicie mesmo no caso dun apagado ordenado polo usuario.

Integración de pestanas:
Configurar o mapeo de portos para expoñer o porto 1880 tanto en TCP como en UDP e mapear a ruta do contedor /data, visible desde o nodo vermello, na ruta do host /data/user/node-red

Comprobación do estado da lapela:
Esta lapela define as comprobacións de control sobre o correcto funcionamento do contedor e como se comportará en caso de erro.
A imaxe seguinte mostra os parámetros predeterminados:

Neste stage, preme “Crear e executar” e agarda a creación do contedor.

Probando o contedor

Cando remate o procedemento de creación do contedor, a lista "Contedores" mostrará o novo contedor en execución (Estado: En execución):

Abre un navegador no PC e vai á páxina: http://device-IP.1880

Creación dun panel de control

O panel de control permite a Node-RED presentar/publicar unha imaxe dinámica web páxina.
Instala “node-red-dashboard”, abrindo a paleta Xestionar menú:

Busca node-red-dashboard dentro da lapela Instalar

Agarde a que remate a instalación e, a seguir, inicie sesión na consola e importe o fluxo introducido ao final da guía desde o menú Importar:

**Este é un exampcódigo sen un propósito real.
NB Para o uso de Node-RED e o Dashboard, consulte a documentación dispoñible en liña.

Unha vez importado o código, isto xerará un proxecto como o seguinte:

Preme para compilar e iniciar o proxecto.
Páxina de apertura http://device-IP.1880/ui, o resultado será semellante ao seguinte:

Configuración do panel para mostrar o cadro de mandos

Neste punto, para os paneis que o permiten, accede ao menú Configuración de WP, despois Configuración principal da aplicación e introduce URL http://localhost.1880/ui
Emprega o termo localhost ou IP 127.0.0.1 para que o navegador acceda ao propio dispositivo, independentemente do seu IP real.

Ao reiniciar, o dispositivo mostrará o panel de control de Node-RED a pantalla completa.

Example fluxo

O seguinte código é o texto que se importará como un fluxo en Node-RED:

[
{
“id”: “1e6b97b5.687fd8”,
"tipo": "pestana",
"etiqueta": "Panel de control",
"desactivado": falso,
"información": ""
},
{
“id”: “7c8 f 99d9.196b98”,
"tipo": "texto_ui",
“z”: “1e6b97b5.687fd8”,
"grupo": "dd4567b9.6a4c18",
"orde": 1,
"ancho": "12",
"altura": "1",
"nome": "Título",
"etiqueta": "Panel de control: visualización aleatoria de datos",
"formato": "{{mensaxe.carga}}",
"deseño": "centro da columna",
"x": 330,
"e": 120,
“wires”: []
},
{
“id”: “2e4a56f8.cfa23a”,
"tipo": "ui_gauge",
“z”: “1e6b97b5.687fd8”,
"nome": "Indicador aleatorio",
"grupo": "dd4567b9.6a4c18",
"orde": 2,
"ancho": "6",
"altura": "6",
"tipo de g": "calibre",
"título": "Valor aleatorio",
"etiqueta": "%",
"formato": "{{valor}}",
"min": "0",
"máximo": "100",
“colors”: [“#00b500”,”#e6e600”,”#ca3838”],
"seg1": "30",
"seg2": "70",
"x": 320,
"e": 240,
“wires”: []
},
{
"id": "3b9ddefd.32b9d",
"tipo": "gráfico_ui",
“z”: “1e6b97b5.687fd8”,
"nome": "Gráfico baseado no tempo",
"grupo": "dd4567b9.6a4c18",
"orde": 3,
"ancho": "6",
"altura": "6",
"etiqueta": "Gráfico de tempo aleatorio",
"char tType": "liña",
«lenda»: «falsa»,
"xformat": "HH:mm:ss",
"interpolar": "lineal",
"sen datos": "",
"ymin": "0",
"ymáx": "100",
"eliminar máis antigo": 1,
"eliminarPuntosAntigos": "",
"eliminar unidade antiga": "3600",
"recorte": 0,
"usaUnhaCor": falso,
“colors”: [“#00b500”,”#e6e600”,”#ca3838”],
"saídas": 1,
"usaCor diferente": falso,
"x": 600,
"e": 240,
“wires”: []
},
{
“id”: “74b1ae f 8.e7e0d8”,
"tipo": "función",
“z”: “1e6b97b5.687fd8”,
"nome": "Xerar datos aleatorios",
"func": "mensaxe.payload = Math.floor(Math.random() * 100);\nreturn mensaxe;",
"saídas": 1,
"noerr": 0,
"inicializar": "",
"finalizar": "",
"bibliotecas": [],
"x": 130,
"e": 240,
"fíos": [
[
“2e4a56f8.cfa23a”,
"3b9ddefd.32b9d"
]
]
},
{
“id”: “e0e9bd3c.a8ae2”,
"tipo": "inxectar",
“z”: “1e6b97b5.687fd8”,
"nome": "",
"accesorios": [
{
«p»: «carga útil»
}
],
"repetir": "1",
"crontab": "",
«unha vez»: verdadeiro,
"unha vezDelay": 0.1,
"tema": "",
"Tipo de carga útil": "data",
"x": 130,
"e": 160,
"fíos": [
[
“74b1ae f 8.e7e0d8”
]
]
},
{
"id": "dd4567b9.6a4c18",
"tipo": "grupo_ui",
"z": "",
"nome": "Datos aleatorios",
"pestana": "fe9b4293.8df8e",
"orde": 1,
"disposición": verdadeiro,
"ancho": "12",
"colapso": falso
},
{
"identificación": "fe9b4293.8df8e",
"tipo": "ui_tab",
"z": "",
"nome": "Panel principal",
"icona": "panel de control",
"orde": 1,
"desactivado": falso,
"oculto": falso
}
]

Notas / Actualizacións

PIXSYS srl
www.pixsys.net
vendas@pixsys.net – soporte@pixsys.net
asistencia en liña: http://forum.pixsys.net
vía Po, 16 I-30030
Mellaredo di Pianiga, VENEZIA (IT)
Teléfono +39 041 5190518
200525