top of page
Search
repuncdowntiran

Node-RED Dashboard baixar: como baixar, instalar e usar o módulo de interface gráfica para o Node-RE



Como baixar o painel Node Red




O Node Red é uma ferramenta popular para criar projetos de IoT e automação residencial com uma abordagem de baixo código. Mas você sabia que também pode criar um painel de dados ao vivo com o Node Red? Neste artigo, mostraremos como baixar o painel node red, um módulo que fornece um conjunto de nós no Node Red para criar rapidamente uma interface gráfica do usuário para seus fluxos. Também mostraremos como instalá-lo, como criar uma interface de usuário com vários widgets e como acessá-lo em um navegador da web.




download node red dashboard




O que é o painel Node Red?




Um conjunto de nós no Node Red para criar um painel de dados ao vivo




Node Red Dashboard é um módulo que fornece um conjunto de nós no Node Red para criar rapidamente um painel de dados ao vivo. Por exemplo, ele fornece nós para criar rapidamente uma interface de usuário com botões, controles deslizantes, gráficos, medidores, etc. Para saber mais sobre o Node Red Dashboard, você pode verificar os seguintes links:


  • Local do Node-RED:



  • GitHub:



Os benefícios de usar o painel Node Red




O uso do Node Red Dashboard traz muitos benefícios para seus projetos de IoT e automação residencial. Aqui estão alguns deles:


  • Você pode facilmente visualizar e interagir com seus dados em tempo real



  • Você pode personalizar a aparência do seu painel com temas e configurações



  • Você pode aproveitar a funcionalidade existente e o suporte da comunidade do Node Red



  • Você pode estender seu painel com widgets e códigos personalizados



Os requisitos para instalar o Node Red Dashboard




Para instalar o Node Red Dashboard, você precisa ter o Node Red instalado em seu dispositivo. Você também precisa do node.js versão 12 ou mais recente. A última versão para suportar o nó v8 foi 2.30.0. Você pode verificar sua versão do node.js executando este comando em seu terminal:


nó -v


Como instalar o painel Node Red




Usando o gerenciador de paletas no Node Red




A maneira mais fácil de instalar o Node Red Dashboard é usando o gerenciador de paletas no Node Red. Para fazer isso, siga estas etapas:


Abra seu editor Node Red em seu navegador da Web (por padrão, é


  • Vá para Menu > Gerenciar paleta



  • Pesquise por node-red-dashboard e instale-o



  • Reinicie sua instância do Node Red e você deve ter os nós da interface do usuário disponíveis na paleta e uma nova guia do painel no painel do lado direito



Usando o comando npm no diretório de usuários do Node Red




Você também pode instalar o Node Red Dashboard usando o comando npm em seu diretório de usuários do Node Red. Para fazer isso, siga estas etapas:


  • Abra seu terminal e navegue até o diretório de usuários do Node Red (normalmente /.node-red)



  • Execute este comando: npm i node-red-dashboard



  • Reinicie sua instância do Node Red e você deve ter os nós da interface do usuário disponíveis na paleta e uma nova guia do painel no painel do lado direito



Como criar uma interface de usuário com o painel Node Red




O layout do painel: guias e grupos




Para criar uma interface de usuário com o Node Red Dashboard, você precisa entender o layout do painel. O layout do painel consiste em guias e grupos. As guias são os contêineres de nível superior para seu painel e os grupos são os contêineres de subnível para seus widgets. Você pode ter várias guias e grupos em seu painel e reorganizá-los arrastando e soltando-os na guia do painel no painel lateral direito. Você também pode editar suas propriedades clicando duas vezes sobre elas.


Os widgets do painel: botões, controles deslizantes, gráficos, etc.




Os widgets do painel são os elementos que você pode usar para exibir e interagir com seus dados. O Node Red Dashboard fornece uma variedade de widgets para diferentes finalidades, como botões, controles deslizantes, gráficos, medidores, entradas de texto, interruptores, etc. Você pode encontrá-los na seção de interface do usuário da paleta e arrastá-los e soltá-los em seus grupos. Você também pode editar suas propriedades clicando duas vezes sobre elas. Para conectá-los aos seus fluxos, você precisa usar o nó ui_control ou a propriedade msg.ui_control.


As configurações do painel: caminho, middleware, tema, etc.




As configurações do painel são as opções que você pode usar para personalizar a aparência e o comportamento do seu painel. Você pode acessá-los em Menu > Painel > Site. Aqui estão algumas das configurações que você pode alterar:


  • Caminho: o caminho da URL para o seu painel (por padrão, é /ui)



  • MiddleWare: A função que é executada antes de servir o painel (útil para autenticação ou registro)



  • Tema: o esquema de cores e a fonte do seu painel (você pode escolher entre claro, escuro ou personalizado)



  • Título: o título do seu painel (exibido na guia do navegador)



  • Ícone: O ícone do seu painel (exibido na guia do navegador)



Como acessar a interface do usuário em um navegador da Web




A URL padrão para o painel




Para acessar a interface do usuário que você criou com o Node Red Dashboard, você precisa abrir um navegador da web e acessar a URL da sua instância do Node Red seguida pelo caminho do seu painel. Por exemplo, se a instância do Node Red estiver em execução em e o caminho do painel for /ui, será necessário acessar Você deve ver seu painel exibido em seu navegador da web.


Como alterar a URL no arquivo settings.js




Se você quiser alterar a URL do seu painel, poderá fazê-lo editando o arquivo settings.js em seu diretório de usuários do Node Red (normalmente /.node-red). Para fazer isso, siga estas etapas:


  • Abra seu terminal e navegue até o diretório de usuários do Node Red



  • Abra o arquivo settings.js com seu editor de texto preferido



  • Encontre a propriedade httpNodeRoot e altere seu valor para o caminho de URL desejado (por exemplo, /dashboard)



  • Salve o arquivo e reinicie sua instância do Node Red



Acesse sua nova URL no navegador da Web (por exemplo,


Conclusão




Neste artigo, mostramos como baixar o painel do node red, um módulo que fornece um conjunto de nós no Node Red para criar rapidamente um painel de dados ao vivo.Também mostramos como instalá-lo, como criar uma interface de usuário com vários widgets e como acessá-lo em um navegador da web. Esperamos que você tenha achado este artigo útil e que goste de criar seus próprios painéis com o Node Red Dashboard.


Se você tiver alguma dúvida ou comentário sobre este artigo, informe-nos nos comentários abaixo. E se você quiser saber mais sobre o Node Red e seus incríveis recursos, confira nossos outros artigos sobre o assunto.


perguntas frequentes




O que é Nó Vermelho?




O Node Red é uma ferramenta de baixo código para criar projetos de IoT e automação residencial com uma interface gráfica. Você pode usá-lo para conectar vários dispositivos e serviços usando nós e fluxos.


O que é node.js?




Node.js é um ambiente de tempo de execução que permite executar código JavaScript fora de um navegador da web. Ele é usado pelo Node Red para executar seu servidor e nós.


O que é npm?




Npm é um gerenciador de pacotes que permite instalar e gerenciar módulos para node.js. Ele é usado pelo Node Red para instalar e atualizar nós.


O que são nós de IU?




Os nós de interface do usuário são nós que permitem criar uma interface de usuário para seus fluxos. Eles são fornecidos pelo Node Red Dashboard, um módulo que você pode instalar no Node Red.


Como posso criar widgets personalizados para o Node Red Dashboard?




Você pode criar widgets personalizados para o Node Red Dashboard usando o nó ui_template ou a estrutura AngularJS. Você também pode usar a API do painel para se comunicar com o painel. 0517a86e26


0 views0 comments

Recent Posts

See All

Comments


bottom of page