Projeto - Faça seu próprio acompanhador de preços no HA (Node-Red)

Buenas galera, agora em épocas de pré-black fraude, vou compartilhar aqui um método de vcs trazerem o preço de items para o HA via node-red e acompanhar o mesmo graficamente.

Basicamente vamos pegar os valores que estão na Zoom como menor preço á vista.


(Imagem Exemplo do item que vamos utilizar e o preço vai ser o R$5.174,47, mas nada impede de pegar os outros valores parcelado tbm! Mas nesse momento vamos focar em somente 1)

Vamos lá.

O que você irá precisar:

1 - HA + Node Red;
2 - Alguns conhecimentos básicos em páginas WEB (mais especificamente HTML);

1º Passo -
Digite item que deseja no zoom, e fique na mesma página ali da imagem que enviei a cima,
clique com o botão direito no preço e vá em INSPECIONAR

image

Para você que não conhece, a aba que vai abrir é o HTML da página, onde podemos pegar qualquer elemento dela, o que importa para nós é onde fica localizado o preço.

image

Clique com o botão direito na tag na qual o preço está dentro, nesse caso perceba que o preço está dentro de < strong > < / strong>, e va até Copy -> Copy Selector

O que vai ser copiado será uma referência de onde está localizado o preço no HTML da página, vulgo CSS SELECTOR
"#productInfo > div > div.product-price > p > span.price > a > strong"

Provavelmente o seu será igual ao meu se estiver no zoom, pois os preços ficam sempre no mesmo lugar.

2º Passo -
Agora que você já tem a onde fica o preço na página, e o seu produto, vamos ao node-red.

Código do fluxo
https://drive.google.com/file/d/1aOjw1a6ddE-0iWGKYT58WrD4ECRKDmnD/view?usp=sharing

O primeiro node que é o inject, você pode alterar a periodicidade dele pra qual achar melhor.

No node “http-request” abra ele e insira a URL do seu produto (da página do zoom)

No node do HTML, aqui é onde inserimos o CSS SELECTOR que pegamos na página HTML

image

No primeiro node function é onde a coisa fica mais complicadinha, temos que tratar o texto que sai do HTML para o node-red entender que é um valor.
Nele basicamente são feito essas etapas:

  • Retirada dos espaços;

  • Retirada do “R$”;

  • Trocar a VIRGULA por PONTO (precisamos fazer isso pois o formato de número é diferente)

  • E por fim transforma o resultado em número e pega as 3 casa decimais;

Agora o segundo function passa os parâmetros que a gente precisa do Node-Red pro HA, isso vai virar nosso sensor!

Pode alterar os nomes que você achar legal e melhor pra vc!

E por fim o último node API é o responsável por enviar o nosso sensor pro HA.

Agora é só montar o gráfico no HA :slight_smile:

image

4 Likes