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

Guía de Podman
Software
Manual de usuario

Creación de un contenedor Node-RED

Esta guía cubre la instalación de un contenedor Node-RED en Pixsys WebPanel serie “WP” y TouchController “TC”.
Mostrar el panel de Node-RED en la pantalla solo es posible en WP – WebDispositivos de panel y en paneles TC – TouchController con “WebSolo con licencia de Visu. En TouchController: paneles TC con TargetVisu ​​o TargetVisu ​​+ WebSi no se puede acceder a la licencia “Visu”, no es posible visualizar el panel de control de Node-RED.

Acceso

Acceda al dispositivo en modo de configuración manteniendo presionado el botón STOP que aparece al iniciar.
Acceda a la consola de configuración ingresando las siguientes credenciales:

Nombre de usuario: usuario
Contraseña: 123456

Si se conoce la IP del dispositivo, también es posible, y recomendable, acceder a la consola de configuración desde un navegador en el PC del usuario accediendo a la dirección: https://device-IP-.9443/ y utilizando las credenciales anteriores.

Creando la carpeta para Node-RED

El contenedor que se va a activar requiere un espacio para almacenar los datos del usuario.
Para ello, en los dispositivos existe una carpeta /data/user.
Usando WinScp u otro software de acceso sFTP, cree una carpeta node-red dentro de la ruta /data/user, siguiendo los pasos a continuación:

• Abra WinSCP, conéctese al dispositivo usando la IP y las credenciales ya utilizadas para acceder a la consola de configuración y elija /data/user
• Desde el Menú “Nuevo” seleccione la opción “Directorio…”.
• Crea la carpeta node-red, habilitando todos los permisos “R/W/X”:

El mismo proceso también es posible mediante acceso SSH y utilizando las siguientes indicaciones:
mkdir -p /datos/usuario/nodo-rojo
chmod a+rwx /datos/usuario/nodo-rojo

Descarga del contenedor

Acceda a “Contenedores Podman” en la barra de menú:

Seleccione la opción “Descargar nueva imagen” en el menú de la derecha con el icono de tres puntos

Seleccione el área de búsqueda “docker.io”Escriba “node-red” en “Buscar"

Seleccione la imagen oficial “docker.io/nodered/node-red”:

Luego presione “Descargar” y comenzará la descarga de la imagen.

Esto es un par de cientos de Mb. file; dependiendo de la conexión a Internet, puede tardar varios minutos.

Cuando se complete la descarga, será posible view La imagen en el dispositivo:

Creación de contenedores

En la pestaña "Contenedores", pulsa el botón "Crear contenedor". Se abrirá un menú para configurar el contenedor que quieres crear.

Complete el campo “Nombre” con un nombre de su elección, reemplazando el nombre aleatorio generado automáticamente.

Detalles de la pestaña:
Desde el cuadro “Imagen”, elija la imagen descargada como se describe en el capítulo anterior:

Configure el “Límite de memoria” en 128 o 256 MB.
La “Política de reinicio” establecida en “Siempre” configura el contenedor para que se inicie automáticamente y se reinicie incluso en el caso de un apagado ordenado por el usuario.

Integración de pestañas:
Configurar la asignación de puertos para exponer el puerto 1880 tanto en TCP como en UDP, y asignar la ruta del contenedor /data, visible desde node-red, en la ruta del host /data/user/node-red

Comprobación del estado de la pestaña:
En esta pestaña se definen los controles sobre el correcto funcionamiento del contenedor y cómo se comportará en caso de error.
La siguiente imagen muestra los parámetros predeterminados:

En este stage, presione “Crear y ejecutar” y espere a que se cree el contenedor.

Probando el contenedor

Cuando finalice el procedimiento de creación del contenedor, la lista “Contenedores” mostrará el nuevo contenedor en ejecución (Estado: En ejecución):

Abra un navegador en la PC y vaya a la página: http://device-IP.1880

Creación de un panel de control

El panel de control permite a Node-RED presentar/publicar un contenido dinámico web página.
Instale “node-red-dashboard”, abriendo la paleta Menú Administrar:

Buscar node-red-dashboard dentro de la pestaña Instalar

Espere a que se complete la instalación, luego inicie sesión en la consola e importe el Flow ingresado al final de la guía desde el menú Importar:

**Esto es exampel código sin ningún propósito real.
NB Para el uso de Node-RED y el Dashboard, consulte la documentación disponible en línea.

Una vez importado el código, esto proporcionará un proyecto como el siguiente:

Prensa para compilar e iniciar el proyecto.
Página de apertura http://device-IP.1880/ui, el resultado se verá así:

Configurar el panel para mostrar el tablero de instrumentos

En este punto, para los paneles que lo permitan, acceda al menú Ajustes de WP, luego Ajustes principales de la aplicación, e ingrese URL http://localhost.1880/ui
Utilice el término localhost o IP 127.0.0.1 para que el navegador acceda al dispositivo por sí mismo, independientemente de su IP real.

Al reiniciar, el dispositivo mostrará el panel de Node-RED en pantalla completa.

Exampel flujo

El siguiente código es el texto que se importará como un flujo en Node-RED:

[
{
“id”: “1e6b97b5.687fd8”,
“tipo”: “pestaña”,
“etiqueta”: “Panel de control”,
“deshabilitado”: ​​falso,
“información”: “”
},
{
“identificación”: “7c8 f 99d9.196b98”,
“tipo”: “ui_text”,
“z”: “1e6b97b5.687fd8”,
“grupo”: “dd4567b9.6a4c18”,
“orden”: 1,
“ancho”: “12”,
“altura”: “1”,
“nombre”: “Título”,
“etiqueta”: “Panel de control – Visualización de datos aleatorios”,
“formato”: “{{msg.payload}}”,
“diseño”: “col-center”,
“x”: 330,
“y”: 120,
“wires”: []
},
{
“id”: “2e4a56f8.cfa23a”,
“tipo”: “ui_gauge”,
“z”: “1e6b97b5.687fd8”,
“nombre”: “Indicador aleatorio”,
“grupo”: “dd4567b9.6a4c18”,
“orden”: 2,
“ancho”: “6”,
“altura”: “6”,
“gtype”: “calibrador”,
“título”: “Valor aleatorio”,
"etiqueta": " %",
“formato”: “{{valor}}”,
“mín”: “0”,
“máximo”: “100”,
“colors”: [“#00b500”,”#e6e600”,”#ca3838”],
“seg1”: “30”,
“seg2”: “70”,
“x”: 320,
“y”: 240,
“wires”: []
},
{
“id”: “3b9ddefd.32b9d”,
“tipo”: “ui_chart”,
“z”: “1e6b97b5.687fd8”,
“nombre”: “Gráfico basado en el tiempo”,
“grupo”: “dd4567b9.6a4c18”,
“orden”: 3,
“ancho”: “6”,
“altura”: “6”,
“etiqueta”: “Gráfico de tiempo aleatorio”,
“char tType”: “línea”,
“leyenda”: ​​“falso”,
“xformat”: “HH:mm:ss”,
“interpolar”: “lineal”,
“sin datos”: “”,
“ymin”: “0”,
“ymax”: “100”,
“eliminarAnterior”: 1,
“eliminarPuntosAntiguos”: “”,
“eliminarUnidadAntigua”: “3600”,
“recorte”: 0,
“useOneColor”: falso,
“colors”: [“#00b500”,”#e6e600”,”#ca3838”],
“salidas”: 1,
“useDifferentColor”: falso,
“x”: 600,
“y”: 240,
“wires”: []
},
{
“identificación”: “74b1ae f 8.e7e0d8”,
“tipo”: “función”,
“z”: “1e6b97b5.687fd8”,
“nombre”: “Generar datos aleatorios”,
“func”: “msg.payload = Math.floor(Math.random() * 100);\ndevolver mensaje;”,
“salidas”: 1,
“noerr”: 0,
“inicializar”: “”,
“finalizar”: “”,
“libs”: [],
“x”: 130,
“y”: 240,
“cables”: [
[
“2e4a56f8.cfa23a”,
“3b9ddefd.32b9d”
]
]
},
{
“id”: “e0e9bd3c.a8ae2”,
“tipo”: “inyectar”,
“z”: “1e6b97b5.687fd8”,
"nombre": "",
“accesorios”: [
{
“p”: “carga útil”
}
],
“repetir”: “1”,
“crontab”: “”,
“una vez”: cierto,
“onceDelay”: 0.1,
"tema": "",
“payloadType”: “fecha”,
“x”: 130,
“y”: 160,
“cables”: [
[
“74b1ae f 8.e7e0d8”
]
]
},
{
“id”: “dd4567b9.6a4c18”,
“tipo”: “ui_group”,
“z”: “”,
“nombre”: “Datos aleatorios”,
“pestaña”: “fe9b4293.8df8e”,
“orden”: 1,
“disp”: verdadero,
“ancho”: “12”,
“colapso”: falso
},
{
“id”: “fe9b4293.8df8e”,
“tipo”: “ui_tab”,
“z”: “”,
“nombre”: “Panel principal”,
“icono”: “panel de control”,
“orden”: 1,
“deshabilitado”: ​​falso,
“oculto”: falso
}
]

Notas / Actualizaciones

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