Manual de usuario del panel Node-RED
Enviado por Ivan Gonzalez Seguel • 27 de Julio de 2021 • Examen • 1.832 Palabras (8 Páginas) • 171 Visitas
[pic 1]
[pic 2]
Manual de usuario del panel Node-RED Introducción
https://nodered.org/
[pic 3]
Node-RED es una herramienta de cableado visual para el Internet de las cosas. Un proyecto de la Fundación JS (https://js.foundation/).
Node-RED es una herramienta de programación para el cableado de dispositivos de hardware, API y servicios en línea de formas nuevas e interesantes.
Proporciona un editor basado en navegador que facilita la conexión de flujos mediante la amplia gama de nodos de la paleta que se pueden implementar en su tiempo de ejecución con un solo clic.
El ejemplo siguiente se basa en el tutorial http://noderedguide.com/lecture-7-node-red-dashboard- part2/
[pic 4]
Introducción a la creación de un primer panel básico
En este ejemplo crearemos un flujo simple que envía un número aleatorio entre 0 y 99 a un gráfico simple. Para eso necesitará un nodo de inyección para disparar repetidamente cada pocos segundos, un nodo de función para generar el número aleatorio y uno de los nodos de tablero de tablero de tablero rojo de nodo, en este caso el nodo de gráfico.
[pic 5][pic 6]
1 - Nuestro primer ejemplo
Arrastre y suelte los siguientes nodos desde la columna izquierda en el área principal:
- Insertar nodo (de la lista de nodos de entrada) [pic 7]
- Nodo de función (de la lista de nodos de función) [pic 8]
- Nodo de depuración (de la lista de nodos de salida) [pic 9]
- Nodo gráfico (de la lista de nodos de panel) [pic 10]
El nodo "inyectar" cambiará el nombre en "timestamp" y el nodo "debug" cambiará el nombre en "msg.payload". Conecte los nodos haciendo clic en el pequeño cuadrado redondeado de cada nodo para tener el mismo resultado que en la figura 1 anterior.
Antes de ver cómo funciona el nodo de gráfico, vamos a configurar el nodo de inyección para enviar una marca de tiempo cada 5 segundos estableciendo la carga útil en timestamp y el campo de repetición en un intervalo de 5 segundos. Haga doble clic en el nodo de marca de tiempo y establezca los parámetros como in la imagen de abajo.
[pic 11][pic 12]
2 – Editar nodo de inyección
Haga clic en el botón Listo para confirmar. Aparecerá una pequeña flecha circular después del nombre de la marca de tiempo.
[pic 13]
Esto actuará como un desencadenador de repetición. Ahora necesitamos configurar el nodo de función para generar un número aleatorio: usaremos una función matemática JS simple para hacer esto:
[pic 14]
Haga doble clic en el nodo de función y:
- Inserte el nombre "Número aleatorio"
- Copie la función matemática JS en el campo vacío "Función"
- Haga clic en Listo para confirmar
El resultado final se muestra en la Figura 2. Esto generará un número aleatorio entre 0 ~ 99 que se pasa al nodo del gráfico.
[pic 15][pic 16]
3 - Editar nodo de función
Haga doble clic en el botón gráfico para entrar en el cuadro de 19 opciones de configuración. Establecer las opciones como en el Figura 4.[pic 17][pic 18][pic 19][pic 20]
Haga clic en el botón de campo Grupo para agregar y configurar un grupo de paneles (fig. 5).
La opción Tab le permite especificar en qué pestaña de la página de la interfaz de usuario verá el elemento de la interfaz de usuario, en este caso nuestro gráfico. La pestaña predeterminada es Inicio, que estamos usando aquí. Si selecciona el botón de edición a la derecha del campo Ficha, puede crear una nueva pestaña y, a continuación, seleccionarlo. Sin embargo, usaremos la página principal predeterminada por ahora.
El campo Nombre es el nombre de nodo nodo-RED estándar: de forma predeterminada, es un gráfico, pero puede establecerlo en lo que desee.
El campo Grupo le permite agrupar elementos de la interfaz de usuario: le mostraremos cómo funcionacuando agreguemos otro elemento de la interfaz de usuario, así que usemos el grupo "Mi primer panel [Inicio]" por ahora
– de curso Puedes uso cualquier cadena que gustar.[pic 21]
[pic 22][pic 23]
5 - Editar nodo de grupo de panel
Haga clic en el botón "Actualizar" para confirmar la configuración y volver a las propiedades del nodo Editar gráfico (Fig. 5).
...