Continuando nosso estudo de Dashboards no Node Red, vamos entender como funcionam os nodes de input de dados que vimos no artigo anterior. Caso não tenha visto, segue o link para que não perca nada:
Input de dados
Sempre que inserimos um componente na dashboard, precisamos setar seu lugar nas Tabs e grups, isso sempre será padrão para todos os nodes de dashboard. Todos os nodes também trafegam msg.payload para imputar ou receber informações.
Button
O Button é um node que criará um botão na dashboard e quando for pressionado enviará uma payload que pode conter: JSON, Boolean, Number ou String. Esses valores podem ser imputados em outros nodes para serem tratados.
Dropdown
Dropdown te permite criar uma lista de itens para seleção do usuário e cada um deles podem enviar informações via payload no formato de String, Boolean ou Number.
Switch
O Switch pode ser entendido como um interruptor gráfico que, por padrão, trafega informações booleanas de verdadeiro ou falso, porém podemos configurar para que envie outras informações.
Slider
As famosas barras de seleção de level. Com elas, podemos dosar algumas informações.
Number
O Number tem a função de habilitar a seleção de números dispostos na programação ou de receber valores de outros componentes e apresentar no dashboard. Ex: podemos jogar o valor do slider e imputar no number ou inverter, do number para o slider.
Slider já conectado ao number e vice versa. Exemplo da programação:
Text Input
O node de text input, diferente do number, pode trafegar dados em formato de string, entretanto, o mais interessante desse node é que seu text pode ser apresentado em modos específicos: e-mail, password, número telefônico, data, mês, ano ou um simples texto. e com ele você pode usar outros nodes para validar essas informações.
Date Picker
O Date Picker é utilizado para trafegar informações no formato de data e é possível configurar de três formas: AAAA/MM/DD, DD/MM/AAAA, MM/DD/AAAA. Ele também permite ao usuário fazer a seleção dessa informação na dashboard.
Color Picker
Color Picker é o node de seleção de cor. Podemos configura-lo para receber informação da escolha de cor do usuário.
Forms
O node de Forms nos ajuda a criar um formulário para nosso usuário, com ele, podemos pedir vários tipos de informação, como: e-mail, texto, password, checkbox, switch ou number, e processar com o Node Red.
Isso é o que construímos com os nodes de input desse artigo.
Esse foi a segunda parte onde estudamos um pouco mais sobre os nodes de dashboard do Node Red, mais especificamente, os nodes de input. Na próxima parte, vamos estudar os nodes de output e suas formas de apresentação.
Nos sigam nas redes sociais para ficar por dentro das novidades do Node Red.
De 0 a 10, o quanto você recomendaria este artigo para um amigo?