\
**Category:** Node-Red\
**Created:** [23 Janeiro , 2019 23:09 UTC](https://forum.cpha.pt/t/notificacao-push-html5-com-opcoes-e-envio-de-imagens/1747 "2019-01-23T23:09:00Z")\
**Posts on this page:** 2\
**Page:** 1
**Author:**  [@tmarquespt](https://forum.cpha.pt/u/tmarquespt)\
**Post date:** [23 Janeiro , 2019 23:09 UTC](https://forum.cpha.pt/t/notificacao-push-html5-com-opcoes-e-envio-de-imagens/1747/1 "2019-01-23T23:09:00Z")
O seguinte flow permite receberem notificações baseadas em eventos do HA com opções de modo a que possam tomar imediatamente uma acção.
Implica que já tenham o Push Html5 a funcionar no [HA](https://www.home-assistant.io/components/notify.html5/).
Para este exemplo, imaginemos que temos um sensor de abertura de porta, e que quando a porta é aberta queremos receber uma notificação (no telemóvel ou no PC) com botões que podemos clicar para iniciar uma determinada acção. Neste caso, o envio da foto da camâra.
De seguida, se clicarmos em ‘SIM’ o HA vai-nos enviar a imagem. Para este exemplo foi utilizada um jpg guardado no folder /www
> Para saber como capturar a imagem de uma camera vejam este [tutorial](https://forum.cpha.pt/t/como-capturar-a-imagem-de-uma-camera-e-enviar-pelo-telegram/1749).
* * *
Começamos por detectar a abertura da porta com um _events: state node_ que vai servir de _trigger_ a um _call service node_
Configuração do _node_ Porta Abriu:
coloquem a entidade que vai servir de _trigger_. Neste caso é um binary\_sensor e escolham o _Halt if State is Off_. Desta forma o _flow_ só arranca de o estado for _On_.
Configuração do _node_ Send\_to\_html5:
O domain é notify, e o service depende do nome que lhe deram quando o criaram. No meu caso é _html5_
No campo _Data_ é onde vamos criar a notificação e as opções que queremos
```json
{
"title": "Porta Aberta",
"message": "Ver Imagem?",
"data": {
"tag": "front-door-notification",
"actions": [
{
"action": "sim",
"title": "SIM"
},
{
"action": "nao",
"title": "NÃO"
}
]
}
}
```
O campo _tag_ não é necessário, mas é importante. As mensagens sem _tag_ vão-se acumulando. Se tiverem (a mesma) _tag_ a última sobrepõe-se à anterior, que é apagada.
Neste momento se abrirem a porta recebem isto:
Falta-nos a parte de receber a instrução dos botões e agir em conformidade.
Precisamos de ‘ler’ o evento click da notificação no HA, criar um switch distinguir entre as opções, e depois um _call service_ para enviar a mensagem com a foto.
Configuração do _node_ html5\_notification.clicked
Mais uma vez depende do nome que escolheram para a notificação. Eu escolhi ‘html5’
No switch node, vamos ter de ir ler o payload.event.action (que é opção em que clicamos e que foi definida no json do envio da mensagem)
Inserimos as duas opções, embora neste caso a segunda não seja necessária, dado que não vai desplotar nenhuma ação.
Configuração do _call service node_
Aqui as configurações são identicas ao _node_ de envio da mensagem, só vai alterar a mensagem em si, que vai incluir o endereço do nosso HA, e o URL da imagem a enviar.
_Data:_
```json
{
"title": "Porta Aberta",
"message": "Olha o Meliante",
"data": {
"tag": "alert",
"url": "https://omeupato.duckdns.org:8123",
"image": "https://omeupato.duckdns.org:8123/local/door_cam_last_frame.jpg"
}
}
```
Fazemos deploy do _Flow_
Agora podemos abrir a porta e clicar no
e recebemos de imediato a imagem
Para quem tiver pressa, pode importar o flow completo
>
---
**Author:**  [@tmarquespt](https://forum.cpha.pt/u/tmarquespt)\
**Post date:** [23 Abril , 2019 23:22 UTC](https://forum.cpha.pt/t/notificacao-push-html5-com-opcoes-e-envio-de-imagens/1747/2 "2019-04-23T23:22:51Z")
Este tópico foi automaticamente fechado 90 dias após a última resposta. Novas respostas não são permitidas.