{"id":7672,"date":"2022-08-04T14:37:56","date_gmt":"2022-08-04T17:37:56","guid":{"rendered":"https:\/\/certificadocursosonline.com\/blog\/?p=7672"},"modified":"2023-04-01T10:10:43","modified_gmt":"2023-04-01T13:10:43","slug":"webhook-e-como-ele-funciona","status":"publish","type":"post","link":"https:\/\/certificadocursosonline.com\/blog\/webhook-e-como-ele-funciona\/","title":{"rendered":"Entenda o que \u00e9 um webhook e como ele funciona"},"content":{"rendered":"<p><b>Webhook<\/b><span style=\"font-weight: 400;\"> \u00e9 um dos assuntos mais comentados atualmente entre os profissionais de tecnologia e n\u00e3o \u00e9 para menos, sabendo da import\u00e2ncia desse recurso para as organiza\u00e7\u00f5es.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Devido aos avan\u00e7os tecnol\u00f3gicos, ele vem sendo amplamente aplicado, tendo em vista sua utilidade.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"> Trata-se de uma tecnologia que permite a comunica\u00e7\u00e3o entre duas notifica\u00e7\u00f5es, praticamente em tempo real.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">O envio e recebimento dos dados \u00e9 disparado quando o evento acontece em uma das aplica\u00e7\u00f5es. Mas, mesmo sendo muito importante, ainda tem muita gente que n\u00e3o sabe do que se trata.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Quem pretende criar um site ou blog precisa desse recurso para adicionar mais funcionalidades \u00e0 plataforma.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Se voc\u00ea j\u00e1 recebeu uma notifica\u00e7\u00e3o no celular relacionada \u00e0 altera\u00e7\u00e3o do status de um pedido ou fez o pagamento pelo cart\u00e3o de cr\u00e9dito, presenciou a a\u00e7\u00e3o de um webhook.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Estes s\u00e3o apenas dois exemplos cl\u00e1ssicos do que esse recurso pode fazer, mas, na verdade, existem muitas outras maneiras com as quais ele pode colaborar para promover a comunica\u00e7\u00e3o entre aplica\u00e7\u00f5es distintas.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Por isso, neste artigo, ser\u00e1 explicado o que \u00e9 o webhook, como ele funciona e de que maneira seu neg\u00f3cio pode implement\u00e1-lo.<\/span><\/p>\n<h2><strong>Entenda o conceito de webhook<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">Webhook \u00e9 um termo criado em 2007, por Jeff Lindsay, um desenvolvedor que definiu o tratamento de call back, que nada mais \u00e9 do que o retorno de uma requisi\u00e7\u00e3o HTTP que se iniciou por causa de um evento.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Quando um evento acontece dentro de um sistema, envia uma notifica\u00e7\u00e3o para outro, que passa a ser o receptor, sendo este um recurso utilizado para permitir a troca de informa\u00e7\u00f5es entre duas aplica\u00e7\u00f5es.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Para entender melhor esse processo, imagine que uma <a href=\"https:\/\/certificadocursosonline.com\/cursos\/curso-de-gestao-de-pessoas\/\" target=\"_blank\" rel=\"noopener noreferrer\">pessoa<\/a> fechou um contrato de <\/span><a href=\"https:\/\/paineis.g2bproducoes.com.br\/locacao-de-paineis-led\/locacao-de-painel-led-outdoor\/locacao-de-painel-led-propaganda-orcar-barra-do-una\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">l<\/span><b>oca\u00e7\u00e3o de painel de led outdoor<\/b><\/a><span style=\"font-weight: 400;\"> pela Internet e, na hora de efetuar o pagamento, \u00e9 necess\u00e1rio que exista uma comunica\u00e7\u00e3o entre o site da loja e a institui\u00e7\u00e3o banc\u00e1ria.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">A comunica\u00e7\u00e3o acontece por meio de uma API, respons\u00e1vel por enviar todos os dados necess\u00e1rios para o banco. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Mas, embora a transa\u00e7\u00e3o tenha sido finalizada no site, \u00e9 necess\u00e1rio confirmar o pagamento, que pode levar certo tempo.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">O webhook pode ser usado pela empresa nesse momento, pois assim que o pagamento for aprovado pela carteira digital, a informa\u00e7\u00e3o deve ser devolvida para o sistema de origem.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Ele utiliza o registro para atualizar o pedido e notificar o comprador para avisar que sua compra foi ou n\u00e3o aprovada.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7674 size-full\" src=\"https:\/\/certificadocursosonline.com\/blog\/wp-content\/uploads\/2022\/08\/Entenda-o-conceito-de-webhook.jpg\" alt=\"Entenda o conceito de webhook\" width=\"639\" height=\"427\" srcset=\"https:\/\/certificadocursosonline.com\/blog\/wp-content\/uploads\/2022\/08\/Entenda-o-conceito-de-webhook.jpg 639w, https:\/\/certificadocursosonline.com\/blog\/wp-content\/uploads\/2022\/08\/Entenda-o-conceito-de-webhook-300x200.jpg 300w, https:\/\/certificadocursosonline.com\/blog\/wp-content\/uploads\/2022\/08\/Entenda-o-conceito-de-webhook-364x243.jpg 364w, https:\/\/certificadocursosonline.com\/blog\/wp-content\/uploads\/2022\/08\/Entenda-o-conceito-de-webhook-608x406.jpg 608w\" sizes=\"auto, (max-width: 639px) 100vw, 639px\" \/><\/p>\n<h2><strong>Como o webhook funciona<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">Antes de implementar este recurso, \u00e9 muito importante saber como ele funciona na pr\u00e1tica, visto que permite a comunica\u00e7\u00e3o entre sistemas.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Para que isso aconte\u00e7a, \u00e9 necess\u00e1rio utilizar um endpoint, que nada mais \u00e9 do que uma URL que funciona como um servi\u00e7o de recep\u00e7\u00e3o para os eventos que chegam.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">O evento \u00e9 uma mudan\u00e7a em rela\u00e7\u00e3o a uma condi\u00e7\u00e3o inicial. Por exemplo, quando uma pessoa compra uma <\/span><a href=\"https:\/\/pallet.abpaineiras.com.br\/caixa-de-madeira-grande-com-tampa\" target=\"_blank\" rel=\"noopener noreferrer\"><b>caixa de madeira grande com tampa<\/b><\/a><span style=\"font-weight: 400;\"> e o status de seu pedido muda de pagamento pendente para aprovado, ocorre um evento.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">O webhook \u00e9 utilizado para promover a comunica\u00e7\u00e3o entre as aplica\u00e7\u00f5es. Neste exemplo, o site da loja funciona como o sistema receptor que disponibiliza a URL para que ela receba os eventos ocorridos na carteira digital.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Quando o pagamento for aprovado, o usu\u00e1rio vai receber uma notifica\u00e7\u00e3o, informando que o status do pagamento foi alterado. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Al\u00e9m de disponibilizar a URL, \u00e9 necess\u00e1rio informar para o provedor que tipo de gatilho ser\u00e1 enviado para o webhook.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Em outras palavras, \u00e9 necess\u00e1rio informar ao sistema em que momento ser\u00e1 feito o disparo para estabelecer a comunica\u00e7\u00e3o. Os dados recebidos pelo webhook podem ter diferentes formatos, como:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><strong>JSON;<\/strong><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><strong>XML;<\/strong><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><strong>Application;<\/strong><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><strong>Multipart.<\/strong><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">\u00c9 importante ressaltar que o formato mais utilizado \u00e9 JSON, mas o webhook pode receber e enviar dados, al\u00e9m de ser utilizado para v\u00e1rias outras fun\u00e7\u00f5es, como enviar notifica\u00e7\u00f5es em tempo real.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Um fabricante de <\/span><a href=\"https:\/\/peliculas.fortsound.com.br\/peliculas-automotivas\/pelicula-automotiva-profissional\/pelicula-automotiva-profissional-vila-iza\" target=\"_blank\" rel=\"noopener noreferrer\"><b>pel\u00edcula automotiva profissional<\/b><\/a><span style=\"font-weight: 400;\"> pode permitir a integra\u00e7\u00e3o entre as aplica\u00e7\u00f5es e o desenvolvimento de plugins para adicionar funcionalidades nas aplica\u00e7\u00f5es da web.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Antes de saber como implementar o webhook no site do seu neg\u00f3cio, \u00e9 fundamental compreender a diferen\u00e7a entre ele e as APIs.<\/span><\/p>\n<h2><strong>Diferen\u00e7a entre webhooks e APIs<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">Tanto o API, quanto o webhooks podem ser utilizados na comunica\u00e7\u00e3o entre dois sistemas, mas existem muitas diferen\u00e7as relacionadas \u00e0 finalidade de cada um deles e a maneira como essa comunica\u00e7\u00e3o acontece.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Ambos precisam de endpoint para que possam funcionar adequadamente, mas o API n\u00e3o possui funcionamento autom\u00e1tico.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"> E isso significa que ele precisa que algu\u00e9m fa\u00e7a a solicita\u00e7\u00e3o para que ela seja executada.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Ele faz a conex\u00e3o com o servidor para que possa enviar e receber os dados da aquisi\u00e7\u00e3o. Depois que conclui essa a\u00e7\u00e3o, fecha a conex\u00e3o com o servidor e n\u00e3o ocorre mais o envio ou recebimento de dados.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Um fabricante de <\/span><a href=\"https:\/\/persianas.elmopersianas.com.br\/persianas-horizontais\/persiana-horizontal-preta\/loja-de-persiana-horizontal-sob-medida-palhoca\" target=\"_blank\" rel=\"noopener noreferrer\"><b>persiana horizontal sob medida<\/b><\/a><span style=\"font-weight: 400;\"> recebe os dados por meio de uma API usando um processo conhecido como pooling. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Ele representa as solicita\u00e7\u00f5es feitas para o servidor e verifica se existem dados dispon\u00edveis.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Sua arquitetura \u00e9 baseada em requisi\u00e7\u00f5es, por isso tamb\u00e9m \u00e9 conhecida como <\/span><i><span style=\"font-weight: 400;\">request-driven<\/span><\/i><span style=\"font-weight: 400;\">. O webhook, por sua vez, funciona como um tipo de servi\u00e7o que est\u00e1 dispon\u00edvel para receber algo quando um evento ocorre no sistema provedor.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">A arquitetura acontece em tempo real e \u00e9 disparada por meio de um gatilho. Mas, para que funcione dessa maneira, \u00e9 necess\u00e1rio saber implementar esse recurso.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7675 size-full\" src=\"https:\/\/certificadocursosonline.com\/blog\/wp-content\/uploads\/2022\/08\/Diferen\u00e7a-entre-webhooks-e-APIs.jpg\" alt=\"Diferen\u00e7a entre webhooks e APIs\" width=\"640\" height=\"427\" srcset=\"https:\/\/certificadocursosonline.com\/blog\/wp-content\/uploads\/2022\/08\/Diferen\u00e7a-entre-webhooks-e-APIs.jpg 640w, https:\/\/certificadocursosonline.com\/blog\/wp-content\/uploads\/2022\/08\/Diferen\u00e7a-entre-webhooks-e-APIs-300x200.jpg 300w, https:\/\/certificadocursosonline.com\/blog\/wp-content\/uploads\/2022\/08\/Diferen\u00e7a-entre-webhooks-e-APIs-364x243.jpg 364w, https:\/\/certificadocursosonline.com\/blog\/wp-content\/uploads\/2022\/08\/Diferen\u00e7a-entre-webhooks-e-APIs-608x406.jpg 608w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<h2><strong>Como implementar o webhook<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">Antes de come\u00e7ar a implementa\u00e7\u00e3o, \u00e9 importante entender o fluxo desse processo, tendo em vista que a forma de configura\u00e7\u00e3o em cada sistema acontece de acordo com a finalidade da comunica\u00e7\u00e3o e a aplica\u00e7\u00e3o.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Quando uma empresa de<\/span> <a href=\"https:\/\/www.persianascriativa.com.br\/lavagem-de-cortinas-rolo\" target=\"_blank\" rel=\"noopener noreferrer\"><b>lavagem de cortinas rolo<\/b><\/a><span style=\"font-weight: 400;\"> envia dados para um sistema receptor, precisa que ele disponibilize uma URL, e \u00e9 assim que a aplica\u00e7\u00e3o vai fazer os envios.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Quando recebe os dados, o receptor deve trat\u00e1-los, principalmente se a comunica\u00e7\u00e3o for feita no formato JSON.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">A aplica\u00e7\u00e3o que recebe dados fornece uma URL de recep\u00e7\u00e3o e aplica\u00e7\u00e3o que cria a URL, ou seja, uma API, s\u00f3 vai dispar\u00e1-la quando ocorrer um evento no sistema.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">O webhook pode ser configurado para receber dados de outro sistema, automatizando a postagem no WordPress por meio de um evento em um sistema externo.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Depois de instalar e ativar o plugin, \u00e9 necess\u00e1rio criar o webhook no WordPress. Para isso, v\u00e1 em \u201cconfigura\u00e7\u00f5es\u201d e, logo ap\u00f3s, em \u201cWP webhooks\u201d. Depois, basta clicar em \u201creceive data\u201d.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Ao fazer isso, o pr\u00f3prio plugin j\u00e1 traz uma URL criada automaticamente e que pode ser utilizada, mesmo assim, \u00e9 poss\u00edvel criar outra URL. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Para isso, basta clicar em \u201ccreate webhooks URL\u201d e digitar um nome para ela.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Ao fazer isso, uma empresa de <\/span><a href=\"http:\/\/www.piscinariasumare.com.br\/capa-para-piscina\/filtros-para-piscinas\/filtro-de-areia-para-piscina\/filtro-para-piscina-de-alvenaria-vinhedo\" target=\"_blank\" rel=\"noopener noreferrer\"><b>filtro para piscina de alvenaria<\/b><\/a><span style=\"font-weight: 400;\"> deve configurar a URL no sistema externo e informar para onde ele vai enviar os dados quando a a\u00e7\u00e3o ocorrer.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Depois, \u00e9 necess\u00e1rio definir o que ser\u00e1 feito com os dados quando eles forem recebidos, assim sendo, clique na op\u00e7\u00e3o \u201cwebhook actions\u201d e escolha a a\u00e7\u00e3o que deseja executar.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00c9 necess\u00e1rio criar um post no blog e testar para se certificar de tudo o que est\u00e1 funcionando. Para fazer o teste, clique em \u201ccreate post\u201d, logo em seguida em \u201ctest action\u201d e escolha a URL para essa a\u00e7\u00e3o.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">V\u00e1rios campos ser\u00e3o abertos relacionados \u00e0 cria\u00e7\u00e3o de uma nova postagem e um fabricante de <\/span><a href=\"http:\/\/piscinas.planetaquecedoresepiscinas.com.br\/piscinas-de-fibra\/piscina-de-fibra-no-deck\/preco-de-piscina-de-fibra-de-canto-santa-isabel\" target=\"_blank\" rel=\"noopener noreferrer\"><b>piscina de fibra de canto<\/b><\/a><span style=\"font-weight: 400;\"> deve preencher algumas informa\u00e7\u00f5es para testar seu webhook.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">O sistema que vai enviar os dados deve fornecer os campos, de acordo com o que \u00e9 descrito na documenta\u00e7\u00e3o e que pode ser conferido na aba \u201caccepted arguments\u201d.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Depois de preencher todos os campos que ser\u00e3o enviados, \u00e9 necess\u00e1rio clicar no bot\u00e3o \u201ctest action\u201d, que se localiza no final da p\u00e1gina, conferir o resultado da API e a publica\u00e7\u00e3o criada no dashboard do WordPress.<\/span><\/p>\n<h2><strong>Considera\u00e7\u00f5es finais<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">O webhook \u00e9 um recurso \u00fatil para as aplica\u00e7\u00f5es que precisam enviar as notifica\u00e7\u00f5es atualizadas para os usu\u00e1rios, pois, por meio dele, \u00e9 poss\u00edvel estabelecer a comunica\u00e7\u00e3o entre os sistemas de maneira r\u00e1pida e simples.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Uma empresa de <\/span><a href=\"https:\/\/pocos.brazilep.com.br\/perfuracao-de-pocos\/perfuracao-de-poco-manual\/perfuracao-de-poco-semi-artesiano-valor-guaicara\" target=\"_blank\" rel=\"noopener noreferrer\"><b>perfura\u00e7\u00e3o de po\u00e7o artesiano manual<\/b><\/a><span style=\"font-weight: 400;\"> deve avaliar os cen\u00e1rios onde a ferramenta pode ser \u00fatil e utilizar a tecnologia para agregar funcionalidades \u00e0 plataforma.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Sabendo o que \u00e9 e de que maneira o webhook atua na troca de dados entre as aplica\u00e7\u00f5es, fica muito mais f\u00e1cil implement\u00e1-lo e aproveitar todas as vantagens trazidas por ele.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Neste artigo, voc\u00ea conheceu um pouco mais sobre esse assunto, de que maneira usar o recurso, como ele facilita a troca de informa\u00e7\u00f5es entre os sistemas e como pode beneficiar o portal do seu neg\u00f3cio.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Webhook \u00e9 um dos assuntos mais comentados atualmente entre os profissionais de tecnologia e n\u00e3o \u00e9 para menos, sabendo da import\u00e2ncia desse recurso para as organiza\u00e7\u00f5es. Devido aos avan\u00e7os tecnol\u00f3gicos, ele vem sendo amplamente aplicado, tendo em vista sua utilidade. Trata-se de uma tecnologia que permite a comunica\u00e7\u00e3o entre duas notifica\u00e7\u00f5es, praticamente em tempo real. [&hellip;] <a class=\"g1-link g1-link-more\" href=\"https:\/\/certificadocursosonline.com\/blog\/webhook-e-como-ele-funciona\/\">Mais<\/a><\/p>\n","protected":false},"author":3,"featured_media":7673,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[31,455],"tags":[1014],"class_list":["post-7672","post","type-post","status-publish","format-standard","has-post-thumbnail","category-outras-areas","category-tecnologia","tag-entenda-o-que-e-um-webhook-e-como-ele-funciona"],"wps_subtitle":"","_links":{"self":[{"href":"https:\/\/certificadocursosonline.com\/blog\/wp-json\/wp\/v2\/posts\/7672","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/certificadocursosonline.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/certificadocursosonline.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/certificadocursosonline.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/certificadocursosonline.com\/blog\/wp-json\/wp\/v2\/comments?post=7672"}],"version-history":[{"count":2,"href":"https:\/\/certificadocursosonline.com\/blog\/wp-json\/wp\/v2\/posts\/7672\/revisions"}],"predecessor-version":[{"id":8849,"href":"https:\/\/certificadocursosonline.com\/blog\/wp-json\/wp\/v2\/posts\/7672\/revisions\/8849"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/certificadocursosonline.com\/blog\/wp-json\/wp\/v2\/media\/7673"}],"wp:attachment":[{"href":"https:\/\/certificadocursosonline.com\/blog\/wp-json\/wp\/v2\/media?parent=7672"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/certificadocursosonline.com\/blog\/wp-json\/wp\/v2\/categories?post=7672"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/certificadocursosonline.com\/blog\/wp-json\/wp\/v2\/tags?post=7672"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}