fala pessoal seja bem-vindo a mais um vídeo e esse é o terceiro vídeo do nosso minicurso de nhn E como eu disse nos primeiros vídeos esse minicurso vai ser bem objetivo vai ser sem enrolação e eu já vou mostrar aqui uma coisa bem interessante você já viu aí no na thumbnail É isso mesmo nós vamos falar sobre web hooks web hooks é uma coisa é um é um recurso aqui do nhn que tem várias ferramentas também é muito importante você vai usar muitas vezes e o que é um web Hook web Hook é é uma
forma de dois sistemas se comunicar e através do Web Hook que dois sistemas vão enviar informações e um para o outro né eventos a gente chama de eventos e pra gente adicionar um web Hook aqui é a gente só precisa clicar aqui no no mais escrever web ele já vai aparecer aqui web Hook você clica e ele vai aparecer aqui e por que que eu escolhi logo na terceira aula falar de web Hook um motivo especial né que na instalação do Easy panel né Nós instalamos o Easy panel aqui na na na primeira aula e
já tinha tempo que eu não usava o Easy panel eu no meu modo de produção não uso eas panel eu escolhi o eas penel aqui para ser uma forma mais fácil da gente instalar para quem não sabe para poder e aprender aqui o que que eu vou ensinar no minicurso e o eas penel quando você quando você instala ele vai aparecer isso aqui ó no web Hook quando você escolher um web Hook ele vai aparecer aqui ó http 2 bar localhost 25678 e dessa maneira que tá aqui não vai funcionar Tá pessoal não vai funcionar
se você copiar esse link aqui e colocar para escutar em outra aplicação eu vou mostrar agora como que a gente pode contornar isso tá bem primeira coisa que eu tenho que fazer quando eu abro aqui o node do Web Hook eu vou colocar o método post método post ok Aqui onde tem Pat eu posso escrever um nome se eu quiser por exemplo eu vou escrever o nome Call que vai ser e é no Call que a gente vai fazer um teste agora desse web Hook para eu mostrar como que você vai utilizar o Web Hook
porque nesse minicurso nós vamos utilizar o Web Hook para para tá mostrando como funciona a integração web Hook em outras ferramentas e nós vamos utilizar o agora se você não tem uma conta no C Você vai clicar aqui vai abrir uma janela vai escrever c.com tá vai abrir esse site aqui o que que é o o É uma ferramenta que faz agendamentos agendamentos então web Hook nós vamos utilizar nesse caso aqui para deixa só fechar esse monte de janela aqui nós vamos iz o Web Hook aqui nesse caso para escutar eventos da ferramenta C aqui
também nós temos um node chamado C que é esse aqui tá onde também são web hooks que eu posso escutar eventos cancelados criados reagendados e finalizados só que eu não vou utilizar o o aqui Trigger justamente para mostrar aqui o Web Hook web Hook funciona e como que a gente vai e poder usar o Web Hook mesmo ele tá escrito aqui ó http local roost e a porta porque desse jeito não vai funcionar como que nós vamos fazer primeiro você precisa criar uma conta nocal é gratuita e se você vier aqui em preços ó ele
é grátis para um utilizador e para utilizar e o o o a agenda única né Não dá para fazer várias agendas para vários dá para você fazer várias agendas várias agendas para um evento só para ou seja para um calendário só então aqui ó eu já tenho uma conta criada eu vou entrar nela aqui e para adicionar um web Hook no C eu vou aqui do lado esquerdo eu vou vir aqui em configurações e aqui já tem web hooks ok então eu tenho dois web hooks aqui eu vou apagá-los e o seu vai aparecer assim
ó Criar o seu primeiro Hook e o que que nós vamos fazer aqui nós vamos escutar o Web Hook ele vai fazer isso ele vai escutar eventos de outra aplicação então o nhn vai escutar eventos do c ou seja Quando eu fizer um agendamento o NN vai receber esse evento E aí posteriormente nós podemos fazer o que nós quisermos com esse evento OK É isso que eu vou mostrar agora pra gente usar esse web do jeito que tá aqui você não vai copiar aqui ó o Isso só vai dar certo se a gente copiar a
Ur o nosso domínio junto com depois que vem aqui ó barra webhook traço teste barc então o que que eu vou fazer primeiro eu vou copiar só essa parte aqui ó onde diz webhook traço teste barra e o que vier depois da Barra não vou copiar http local Roxo 2.56 78 primeiro eu vou copiar só essa parte vou lá no Call vou criar um novo web Hook E aqui onde diz url de assinante eu vou colar aquele pedaço final lá ó e aí eu vou voltar no ntn e vou copiar o meu domínio aqui ó
só a parte do domínio só a parte do domínio vou copiar vou vir aqui vou vir à frente do Web Hook e vou colar você tem que certificar que ele vai est o seu domínio Barra web Hook traço teste barra o que vier depois né No meu caso aqui eu escrevi c e aqui são os gatilhos de eventos tá eu tô aqui eu tô escutando todos os eventos do reserva cancelada reserva criada reserva recusada solicitada e todos os eventos e aqui dentro do tem uma coisa muito legal que eu posso testar se o Web Hook
tá funcionando para mim testar eu preciso fazer o quê Vou lá no nhn vou clicar nesse botão aqui ó que diz listen for test event certifique que authentification aqui authentication esteja non ou seja sem autentificação o pet aqui se você não colocou o nome pode deixar aquele aquele número mesmo que dava não tem problema e e aqui o método esteja como post ok Aí sim você clica em listen for test ele vai ficar assim ó escutando esperando algum evento acontecer você vai lá lá no cal e clica aqui em teste de ping quando você fizer
isso ele tem que aqui embaixo em resposta ele tem que dar o status 200 e tem que ficar verde se isso acontecer o nosso web Hook funcionou ele escutou o evento que veio do c o k enviou um evento aqui ó e o nome do evento é ping e ele mandou aqui a data que ele enviou o evento E aí ele mandou aqui Campos aleatórios aqui só para teste mandou um e-mail mandou um nome mandou o time Zone mandou uma um local uma uma linguagem um local eh foi só para testar mas olha que legal
funcionou e a partir daqui eu posso continuar com a minha automação nesse vídeo eu vou mostrar eu eu só mostrei para você como como que eu posso escutar eventos de outras ferramentas e aqui nós escutamos um evento do cal mas poderia poderia ser um evento da hotmart um evento da edus um evento de outras ferramentas que enviam eventos de por exemplo realizou uma compra eh fe pediu um reembolso o Web Hook ele vai funcionar dessa forma ele vai escutar os eventos e esse evento você vai fazer o tratamento para o que qual será a ação
depois a ação vai ser enviar o WhatsApp para te avisar olha alguém fez uma compra no seu site Eh Ou você tem uma Landing page você pode botar um web Hook lá dentro da sua Landing page e quando alguém eh e fizer um cadastro no seu formulário lá do da Landing page você recebe web Hook e posteriormente disparar uma mensagem um e-mail SMS dá para fazer muita coisa e com o nhn para te avisar Avisar você ou avisar o seu cliente ou avisar seus leads tá bem por exemplo eh eu posso criar um web Hook
que toda vez que alguém se cadastra no meu site eu disparo uma mensagem de boas-vindas para esse Lead olha seja bem-vindo você entrou no meu site criar ali uma mensagem de boas-vindas e esse Lead pode estar recebendo essas boas-vindas gente muito simples usar o Web Hook aqui no nhn é muito fácil basta você Você pode adicionar quantos web Hook você quiser aqui né e cada web Hook você por exemplo esse aqui é agendamento foi feito o agendamento esse aqui pode ser agendamento cancelado eu posso também aqui ó em cima do node tem alguns Se você
passar o mouse aqui ele vai aparecer uma lixeira um pause né que você pode fazer um pausar ele ou deixar ele ativo você pode duplicar clicando aqui nesse esses dois quadradinhos ele vai sendo duplicado ou você pode dar um play E aí o play ele vai ficar em escuta basicamente o Web Hook ele vai te ajudar você vai usar muito web Hook Então você precisa aprender já de início Isso é coisa básica pessoal tem muita gente que não ensina isso logo no início mas eu eu ve Como eu disse esse minicurso vai ser baseado na
minha visão né de automação e na minha visão o Web Hook é uma coisa muito básica que você tem que aprender logo de início porque é uma coisa que você vai utilizar muito e se você vai utilizar muito tem que ser fácil de fazer então a minha intenção aqui é mostrar para você que é fácil de fazer isso e e eu só mostrei aqui basicamente E como que nós vamos corrigir aqui esse local host tá E lembrando que se você instalar de outra forma e possivelmente isso que não vai acontecer aconteceu com o eas panel
eu ainda não sei por isso acontece no eas panel se alguém souber pode comentar aqui nos comentários tá E vai ser muito legal e eu eu posso fazer um vídeo aí eh corrigindo né mostrando aí se alguém souber por favor comenta aqui nos comentários tá é isso pessoal essa aula vai ficar só nisso aqui tá só nesse web Hook vou mostrar só uma coisinha aqui legal que é que é bom a gente já já sa já saber Ó eu vou vou colocar ele para escutar novamente vou mostrar uma coisa legal que na próxima aula nós
vamos trabalhar isso no próximo vídeo nós vamos fazer isso aqui ó você vai o que que você vai fazer isso aqui que é uma preparação pra próxima aula pro próximo vídeo Você vai clicar aqui em no Call Você vai clicar aqui no Call vai colocar o seu web Hook tá igual eu fiz aqui igual eu mostrei Você vai clicar em criar web Hook Tem que criar tá ele tem que aparecer aqui assim ó e aí que que você vai fazer você vai vir aqui no nas aqui vai aparecer algumas agendas padrão você não precisa criar
uma alguma você só vai precisar usar uma delas então eu vou clicar aqui por exemplo Clínica essa Clínica aqui que eu criei de teste e aí aqui em cima no cal do lado direito aqui ó lá de cima tem um botão que é copiar o link do evento Você vai clicar para copiar vai abrir na outra aba colar e ele vai abrir o calendário do C para você escolher uma data antes de você enviar o evento você precisa ir lá no ntn Deixa eu só fechar aqui e ele já tá você tem que clicar ele
tem que estar escutando para você fazer isso que eu vou fazer agora você vai escolher uma data vou escolher aqui o dia 9 às 9 horas e aí você preenche com o seu nome com o seu e-mail nesse caso aqui eu coloquei o telefone também se o seu não tiver o telefone não tem problema depois eu vou mostrar como adicionar o telefone só manda o que tiver aqui preenche Vou preencher aqui com qualquer coisa vou clicar em confirmar quando eu clicar em confirmar o nosso ntn vai receber esse evento olha olha aqui ó ele recebeu
o evento de booking created ou seja foi criado um agendamento tá E aqui ele traz todas as informações e você precisa fazer isso pra próxima aula não esqueça aqui na parte superior esse primeiro ícone aqui ó da direita pra esquerda se você colocar o mouse em cima dele ele vai aparecer pin data Você vai clicar nele ó que que ele vai fazer ele vai salvar esse evento aqui dentro do Web Hook isso é legal você fazer por se eu quero fazer uma automação eu não preciso ficar toda hora lá no Call fazendo o evento para
tá pegando o evento basta eu ter um evento de booking Create aqui ó e a partir daí eu posso criar as automações tranquilamente ele vai ficar salvo eu ven aqui salvo ó E se eu sair do fluxo pera aí deixa eu salvar Se eu sair do fluxo entrar ele vai tá lá salvo Ok ele vai tá salvo então eu agradeço você por assistir esse vídeo Já digo novamente se inscreve no canal comenta ativa o Sininho para você receber as notificações porque eu vou gravar várias pequenas aulas é um minicurso Para você aprender e eh para
você aprender a mexer no no nhn se você não sabe nada nesse minicurso você vai aprender coisas importantes eu vou dar dicas muito legais para que você eh utilize o nhn eh mesmo que no básico ali para fazer pequenas automações mas que vai te ajudar no seu dia a dia nos seus processos na sua empresa e Nas suas nas suas automações para você fazer pro seus clientes mesmo tá bem te agradeço por assistir esse vídeo até a próxima