Node-RED e IBM-Watson | Construindo a Interface

Node-RED e IBM-Watson | Construindo a Interface

Na postagem anterior, “Node-RED com MQTT e IBM Watson”, além de introduzirmos importantes conceitos sobre as poderosas tecnologias, módulo ESP32 e IBM Watson, reforçamos um pouco mais nosso conhecimento sobre o protocolo de rede para troca de mensagens MQTT (Message Queuing Telemetry Transport) e a ferramenta de programação visual Node-RED. Mostramos ainda, passo a passo, como criar uma conta gratuita no IBM Watson e durante o processo como cadastrar um ESP32. Ressaltamos que estas são tecnologias robustas e profissionais que poderão ser empregadas em qualquer projeto de automação residencial.

img-01_node-red_ibm_watson_mqtt_iot_esp32

Hoje voltaremos a nos concentrar no Node-RED, porém, dentro do contexto do nosso projeto – acender e apagar lâmpadas remotamente por meio de uma aplicação mobile. Até aqui o que fizemos para acessá-lo foi startá-lo via terminal, fazendo subir o serviço para acessa-lo digitando no browser o endereço http://127.0.0.1:1880/ ou localhost:1880. Agora faremos diferente, vamos acessar o serviço dentro do próprio IBM Watson onde ele já vem integrado.

O primeiro passo necessário para construir nossa aplicação é acesso ao IBM Watson, entre com o usuário e senha e clique em Criar recursos.

img-02_node-red_ibm_watson_mqtt_iot_esp32

Na próxima tela digite Node-RED no campo de pesquisa e clique sobre Node-RED Starter para acessar a tela e ir para o próximo passo que é o formulário de criação do App, onde o único campo a ser preenchido será o Nome do app:, os demais campos já estarão preenchidos por default e não precisaremos alterar nenhum dado. Clique em Criar e aguarde o carregamento do aplicativo.

img-03_node-red_ibm_watson_mqtt_iot_esp32

Uma vez carregado, se tudo estiver sido executado com sucesso no topo será exibida a seguinte a mensagem “Esse app está ativo” e ao lado “Visite a URL do aplicativo”, clique no link, e na próxima tela clique em Next.

img-04_node-red_ibm_watson_mqtt_iot_esp32

A próxima tela “Secure your Node-RED editor” nos apresentará duas formas de nos conectarmos ao aplicativo, por meio de usuário e senha ou por meio de uma conexão anônima, onde nenhum tipo de autenticação será exigido. Nós optaremos por uma conexão segura, e vamos definir um usuário e senha para acessar nossa aplicação.

img-05_node-red_ibm_watson_mqtt_iot_esp32

Após definir um usuário e uma senha clique em Next, na próxima tela clique também em Next e depois na tela “Finish the install”, clique em Finish.

A próxima tela já nos permitirá acesso ao editor do Node-RED integrado ao IBM Watson, clique em Go to your Node-RED flow editor para prosseguir.

img-06_node-red_ibm_watson_mqtt_iot_esp32

Na próxima tela informe o usuário e a senha definidos e tenha acesso ao já conhecido ambiente de programação do Node-RED.

img-07_node-red_ibm_watson_mqtt_iot_esp32

Para que possamos construir a interface gráfica do aplicativo teremos que instalar uma biblioteca no Node-RED. Aprenda como instalar uma nova biblioteca visitando nossa postagem, “O que é Node-RED? Conhecendo e instalando”. No entanto, de forma direta clique no menu, e depois em Manage Pallage, em seguida clique em Install, no campo de pesquise busque por “node-red-dashboard” – digite sem as aspas, encontre a opção correspondente e clique em Install.

img-08_node-red_ibm_watson_mqtt_iot_esp32

Para desenvolvermos a interface de controle do nosso projeto vamos agora importar um projeto desenvolvido por Flávio Guimarães e Fernando K, para isso clique no menu > Import > Clipboard. Copie e cole na área de importação do projeto as linhas de código abaixo.

img-09_node-red_ibm_watson_mqtt_iot_esp32

Para que nossa interface funcione será necessário mudarmos dois nodes. O primeiro node a ser alterado será o node checkLogin, dê dois cliques sobre ele para abrir a tela de edição, onde alteraremos login_desejado e senha_desejada respectivamente, após finalizar a edição clique em Done.

img-10_node-red_ibm_watson_mqtt_iot_esp32

O segundo node a ser alterado é o commandRelay que é o node de conexão com o IBM.

img-11_node-red_ibm_watson_mqtt_iot_esp32

No campo API Key clique sobre a opção de edição – um botão com o ícone de um lápis. Nos campos API Key e API Token vamos inserir os tokens de autenticação que foram gerados no IBM Watson onde foi cadastrada a API de integração, se não se recorda leia a postagem anterior. Após inserida as informações clique nos botões Update > Done. E dê um Deploy para copilar e validar as alterações.

img-12_node-red_ibm_watson_mqtt_iot_esp32

Se os dados inseridos estiverem corretos será exibida a mensagem, “connected“, logo abaixo do node commandRelay. Caso a mensagem exibida seja “desconnected” significa que ou a chave ou o token podem ter sido informados com dados incorretos.

Já podemos acessar nossa aplicação acessando no menu superior a direita a aba dashboard e clicando no ícone como mostra a imagem abaixo.

img-13_node-red_ibm_watson_mqtt_iot_esp32

Aqui está nossa aplicação. Através da URL da aplicação a mesma poderá ser acessada também via smartphone, e note que ela é responsiva, se adaptando ao qualquer tipo de dispositivo.

img-16_node-red_ibm_watson_mqtt_iot_esp32

O próximo passo será a configuração do ESP32 conectando-o ao MQTT, bem como a conexão do Node-RED ao MQTT. Assim qualquer comando dado no dashboard, será enviado como tópico ao MQTT que servirá ao ESP32, mas isso será assunto da próxima postagem.

Gostou desta postagem? Então deixa seu comentário, dúvida ou sugestão aí embaixo!

Loja online: https://www.masterwalkershop.com.br
Fan page no Facebook: https://www.facebook.com/masterwalkershop

Nos ajude a espalhar conhecimento clicando no botão de compartilhar (f Like) que está mais abaixo.

Obrigado e até a próxima!

Seu feedback é muito importante! Que tal dar uma nota para esta postagem?! Faça sua avaliação aqui embaixo.

Node-RED e IBM-Watson | Construindo a Interface
2 votos / Média de avaliação: 5 / Pontuação: 100%


Postagem anterior:
Próxima postagem:
Postagem feita por

Formada em Engenharia da Computação pela Faculdade Presidente Antônio Carlos, Web Designer, é também colaboradora da plataforma de conteúdo digital Oficina da Net. Tem um livro de ficção publicado como autora independente.

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *