{"id":69154,"date":"2019-11-09T17:27:00","date_gmt":"2019-11-09T17:27:00","guid":{"rendered":"https:\/\/enviame.io\/?p=69154"},"modified":"2024-05-06T09:05:21","modified_gmt":"2024-05-06T13:05:21","slug":"entendiendo-la-web-webhook","status":"publish","type":"post","link":"https:\/\/enviame.somosforma.dev\/pe\/entendiendo-la-web-webhook\/","title":{"rendered":"Entendiendo la web: Webhook"},"content":{"rendered":"

\u00bfC\u00f3mo puedo saber al instante cuando uno de mis pedidos fue entregado a mi cliente? \u00bfC\u00f3mo hago para que mi cliente reciba un email al instante cuando su pedido ha salido a reparto?<\/p>\n\n\n\n

La misi\u00f3n del d\u00eda de hoy es aprender otro concepto de tecnolog\u00eda web, sus aplicaciones y ventajas, con el fin de abrir nuestra mente e imaginar el sinf\u00edn de soluciones que se pueden construir a partir de nuestros nuevos amigos: los webhooks. Al igual que el art\u00edculo anterior, trataremos este tema con la menor cantidad de tecnicismos posibles y utilizando como ejemplos casos t\u00edpicos de log\u00edstica e e-commerce.<\/p>\n\n\n\n

Aqu\u00ed vamos\u2026<\/p>\n\n\n\n

\u00bfQu\u00e9 es un webhook?<\/strong><\/h3>\n\n\n\n

En palabras simples, un webhook es un mecanismo de un sistema mediante el cual este es capaz de notificar instant\u00e1neamente la ocurrencia de determinados eventos.<\/p>\n\n\n\n

Y en palabras a\u00fan m\u00e1s simples, un webhook es una notificaci\u00f3n que un sistema emite cuando ha pasado algo dentro de \u00e9l.<\/p>\n\n\n\n

Para configurar un webhook, necesitamos b\u00e1sicamente 2 elementos: un evento<\/strong> y una URL<\/strong>. <\/p>\n\n\n\n

Un evento es algo que puede ocurrir dentro del sistema y que queremos identificar cada vez que pase, por ejemplo, cuando se realiza una venta, cuando se registra un nuevo usuario, cuando falla el pago de un cliente, etc.<\/p>\n\n\n\n

La URL es una direcci\u00f3n (ej: https:\/\/otro-sistema.com\/nuevo-usuario<\/a>) hacia la cual se van a enviar datos cuando ocurra el evento que definimos que deb\u00eda ser monitoreado. Esta direcci\u00f3n debe ser de OTRO sistema, ya que el objetivo de los webhooks, al igual que de las API, es conectar sistemas y agilizar la transferencia de datos entre unos y otros.<\/p>\n\n\n\n

Ok, pero\u2026 para qu\u00e9 sirven los webhooks?<\/strong><\/h3>\n\n\n\n

Te lo explicar\u00e9 con un ejemplo cl\u00e1sico de Env\u00edame.<\/p>\n\n\n\n

Pablo es jefe del canal e-commerce de una tienda de accesorios para mascotas. \u00c9l cree que una manera de mejorar la experiencia de compra en su p\u00e1gina es notificar mediante email a sus clientes cada vez que sus pedidos vayan cambiando de estado. \u201cTu pedido est\u00e1 siendo preparado\u201d, \u201cTu pedido ya est\u00e1 en camino\u201d, \u201cTu pedido ya fue entregado\u201d, son ejemplos de las distintas etapas por las que pasa el env\u00edo de un producto.<\/p>\n\n\n\n

\u00bfC\u00f3mo se puede implementar el env\u00edo de estas notificaciones al cliente? Si pensaste que haciendo uso de webhooks, est\u00e1s totalmente en lo cierto.<\/p>\n\n\n\n

En este caso, podemos identificar que el evento a monitorear es el cambio de estado de un env\u00edo<\/strong>. Env\u00edame cuenta con un sistema propio de env\u00edo de emails, por lo que la URL hacia donde se disparan los datos del env\u00edo cada vez que este cambia de estado, es una URL interna de Env\u00edame<\/strong>. Este segundo sistema toma la informaci\u00f3n, la procesa, arma el email y lo env\u00eda al cliente final. <\/p>\n\n\n\n

Este es un claro ejemplo donde se ve la instantaneidad del env\u00edo de datos de un sistema a otro luego de ocurrido un determinado evento. Webhooks en todo su esplendor.<\/p>\n\n\n\n

Un segundo ejemplo<\/strong><\/h3>\n\n\n\n

Carolina es analista de log\u00edstica de una importante cadena de retail. Todos los d\u00edas ella debe calcular un indicador de \u00d3rdenes en reparto vs \u00d3rdenes efectivamente entregadas<\/strong> mediante un sistema de gesti\u00f3n propio desarrollado en su empresa. La cantidad de \u00f3rdenes que han salido a reparto desde sus bodegas es un n\u00famero f\u00e1cil de saber, pero\u2026 \u00bfc\u00f3mo puede ella saber al instante cuando una orden es entregada, para llegar al final del d\u00eda con el n\u00famero exacto de \u00f3rdenes que se entregaron durante la jornada y as\u00ed calcular sus indicadores? Aqu\u00ed un webhook vuelve a ser protagonista.<\/p>\n\n\n\n

Para que el indicador de Carolina se calcule con total certeza, es necesario que su sistema de gesti\u00f3n reciba al instante la informaci\u00f3n de cada env\u00edo cuando es entregado. Para esto se requiere configurar un webhook en Env\u00edame, que en cada cambio de estado de sus env\u00edos se disparen los datos de estos al sistema de Carolina. Para esto, su equipo TI debe generar una URL hacia donde Env\u00edame tiene que lanzar los datos de los env\u00edos cuando hayan cambios de estado.<\/p>\n\n\n\n

Observaciones finales<\/strong><\/h3>\n\n\n\n

Los ejemplos expuestos son casos que ocurren d\u00eda a d\u00eda en Env\u00edame, sin embargo, el objetivo de este art\u00edculo es que te familiarices con el concepto \u201cwebhook\u201d a tal punto que en cualquier caso donde se necesite enviar datos de un sistema a otro de forma instant\u00e1nea una vez ocurrido un determinado evento, digas \u201c\u00a1pero si eso se puede solucionar con un webhook!\u201d, seas del rubro de la log\u00edstica o no.<\/p>\n\n\n\n

Como se indic\u00f3 en el art\u00edculo sobre API REST, sobre los webhooks es importante entender c\u00f3mo funcionan y cu\u00e1ndo se pueden\/deben utilizar, pero su implementaci\u00f3n debe ser realizada y\/o monitoreada por alg\u00fan profesional de TI seg\u00fan la complejidad del caso.<\/p>","protected":false},"excerpt":{"rendered":"

\u00bfC\u00f3mo puedo saber al instante cuando uno de mis pedidos fue entregado a mi cliente? \u00bfC\u00f3mo hago para que mi cliente reciba un email al instante cuando su pedido ha salido a reparto? La misi\u00f3n del d\u00eda de hoy es aprender otro concepto de tecnolog\u00eda web, sus aplicaciones y ventajas, con el fin de abrir nuestra mente e imaginar el sinf\u00edn de soluciones que se pueden construir a partir de nuestros nuevos amigos: los webhooks. Al igual que el art\u00edculo anterior, trataremos este tema con la menor cantidad de tecnicismos posibles y utilizando como ejemplos casos t\u00edpicos de log\u00edstica e e-commerce. Aqu\u00ed vamos\u2026 \u00bfQu\u00e9 es un webhook? En palabras simples, un webhook es un mecanismo de un sistema mediante el cual este es capaz de notificar instant\u00e1neamente la ocurrencia de determinados eventos. Y en palabras a\u00fan m\u00e1s simples, un webhook es una notificaci\u00f3n que un sistema emite cuando ha pasado algo dentro de \u00e9l. Para configurar un webhook, necesitamos b\u00e1sicamente 2 elementos: un evento y una URL.  Un evento es algo que puede ocurrir dentro del sistema y que queremos identificar cada vez que pase, por ejemplo, cuando se realiza una venta, cuando se registra un nuevo usuario, cuando falla el pago de un cliente, etc. La URL es una direcci\u00f3n (ej: https:\/\/otro-sistema.com\/nuevo-usuario) hacia la cual se van a enviar datos cuando ocurra el evento que definimos que deb\u00eda ser monitoreado. Esta direcci\u00f3n debe ser de OTRO sistema, ya que el objetivo de los webhooks, al igual que de las API, es conectar sistemas y agilizar la transferencia de datos entre unos y otros. Ok, pero\u2026 para qu\u00e9 sirven los webhooks? Te lo explicar\u00e9 con un ejemplo cl\u00e1sico de Env\u00edame. Pablo es jefe del canal e-commerce de una tienda de accesorios para mascotas. \u00c9l cree que una manera de mejorar la experiencia de compra en su p\u00e1gina es notificar mediante email a sus clientes cada vez que sus pedidos vayan cambiando de estado. \u201cTu pedido est\u00e1 siendo preparado\u201d, \u201cTu pedido ya est\u00e1 en camino\u201d, \u201cTu pedido ya fue entregado\u201d, son ejemplos de las distintas etapas por las que pasa el env\u00edo de un producto. \u00bfC\u00f3mo se puede implementar el env\u00edo de estas notificaciones al cliente? Si pensaste que haciendo uso de webhooks, est\u00e1s totalmente en lo cierto. En este caso, podemos identificar que el evento a monitorear es el cambio de estado de un env\u00edo. Env\u00edame cuenta con un sistema propio de env\u00edo de emails, por lo que la URL hacia donde se disparan los datos del env\u00edo cada vez que este cambia de estado, es una URL interna de Env\u00edame. Este segundo sistema toma la informaci\u00f3n, la procesa, arma el email y lo env\u00eda al cliente final.  Este es un claro ejemplo donde se ve la instantaneidad del env\u00edo de datos de un sistema a otro luego de ocurrido un determinado evento. Webhooks en todo su esplendor. Un segundo ejemplo Carolina es analista de log\u00edstica de una importante cadena de retail. Todos los d\u00edas ella debe calcular un indicador de \u00d3rdenes en reparto vs \u00d3rdenes efectivamente entregadas mediante un sistema de gesti\u00f3n propio desarrollado en su empresa. La cantidad de \u00f3rdenes que han salido a reparto desde sus bodegas es un n\u00famero f\u00e1cil de saber, pero\u2026 \u00bfc\u00f3mo puede ella saber al instante cuando una orden es entregada, para llegar al final del d\u00eda con el n\u00famero exacto de \u00f3rdenes que se entregaron durante la jornada y as\u00ed calcular sus indicadores? Aqu\u00ed un webhook vuelve a ser protagonista. Para que el indicador de Carolina se calcule con total certeza, es necesario que su sistema de gesti\u00f3n reciba al instante la informaci\u00f3n de cada env\u00edo cuando es entregado. Para esto se requiere configurar un webhook en Env\u00edame, que en cada cambio de estado de sus env\u00edos se disparen los datos de estos al sistema de Carolina. Para esto, su equipo TI debe generar una URL hacia donde Env\u00edame tiene que lanzar los datos de los env\u00edos cuando hayan cambios de estado. Observaciones finales Los ejemplos expuestos son casos que ocurren d\u00eda a d\u00eda en Env\u00edame, sin embargo, el objetivo de este art\u00edculo es que te familiarices con el concepto \u201cwebhook\u201d a tal punto que en cualquier caso donde se necesite enviar datos de un sistema a otro de forma instant\u00e1nea una vez ocurrido un determinado evento, digas \u201c\u00a1pero si eso se puede solucionar con un webhook!\u201d, seas del rubro de la log\u00edstica o no. Como se indic\u00f3 en el art\u00edculo sobre API REST, sobre los webhooks es importante entender c\u00f3mo funcionan y cu\u00e1ndo se pueden\/deben utilizar, pero su implementaci\u00f3n debe ser realizada y\/o monitoreada por alg\u00fan profesional de TI seg\u00fan la complejidad del caso.<\/p>","protected":false},"author":1,"featured_media":3484,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-69154","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sin-categorizar"],"acf":[],"uagb_featured_image_src":{"full":["https:\/\/enviame.somosforma.dev\/wp-content\/uploads\/2021\/01\/webhook.jpg",1280,959,false],"thumbnail":["https:\/\/enviame.somosforma.dev\/wp-content\/uploads\/2021\/01\/webhook-150x150.jpg",150,150,true],"medium":["https:\/\/enviame.somosforma.dev\/wp-content\/uploads\/2021\/01\/webhook-300x225.jpg",300,225,true],"medium_large":["https:\/\/enviame.somosforma.dev\/wp-content\/uploads\/2021\/01\/webhook-768x575.jpg",768,575,true],"large":["https:\/\/enviame.somosforma.dev\/wp-content\/uploads\/2021\/01\/webhook-1024x767.jpg",1024,767,true],"1536x1536":["https:\/\/enviame.somosforma.dev\/wp-content\/uploads\/2021\/01\/webhook.jpg",1280,959,false],"2048x2048":["https:\/\/enviame.somosforma.dev\/wp-content\/uploads\/2021\/01\/webhook.jpg",1280,959,false]},"uagb_author_info":{"display_name":"enviameioadm","author_link":"https:\/\/enviame.somosforma.dev\/pe\/author\/enviameioadm\/"},"uagb_comment_info":0,"uagb_excerpt":"\u00bfC\u00f3mo puedo saber al instante cuando uno de mis pedidos fue entregado a mi cliente? \u00bfC\u00f3mo hago para que mi cliente reciba un email al instante cuando su pedido ha salido a reparto? La misi\u00f3n del d\u00eda de hoy es aprender otro concepto de tecnolog\u00eda web, sus aplicaciones y ventajas, con el fin de abrir…","yoast_head":"\nEntendiendo la web: Webhook - Env\u00edame<\/title>\n<meta name=\"description\" content=\"\u00bfQuieres saber cu\u00e1ndo se entrega un pedido o c\u00f3mo enviar notificaciones autom\u00e1ticas a tus clientes? Los webhooks son la respuesta. \u00a1Lee m\u00e1s para descubrirlo!\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Entendiendo la web: Webhook - Env\u00edame\" \/>\n<meta property=\"og:description\" content=\"\u00bfQuieres saber cu\u00e1ndo se entrega un pedido o c\u00f3mo enviar notificaciones autom\u00e1ticas a tus clientes? Los webhooks son la respuesta. \u00a1Lee m\u00e1s para descubrirlo!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/enviame.io\/entendiendo-la-web-webhooks\/\" \/>\n<meta property=\"og:site_name\" content=\"Env\u00edame\" \/>\n<meta property=\"article:published_time\" content=\"2019-11-09T17:27:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-06T13:05:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/enviame.somosforma.dev\/wp-content\/uploads\/2021\/01\/webhook.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"959\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\">\n\t<meta name=\"twitter:data1\" content=\"4 minutos\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/enviame.somosforma.dev\/#organization\",\"name\":\"Env\\u00edame\",\"url\":\"https:\/\/enviame.somosforma.dev\/\",\"sameAs\":[],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/enviame.somosforma.dev\/#logo\",\"inLanguage\":\"es-PE\",\"url\":\"https:\/\/enviame.somosforma.dev\/wp-content\/uploads\/2020\/09\/logo-enviame-dark.png\",\"width\":678,\"height\":171,\"caption\":\"Env\\u00edame\"},\"image\":{\"@id\":\"https:\/\/enviame.somosforma.dev\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/enviame.somosforma.dev\/#website\",\"url\":\"https:\/\/enviame.somosforma.dev\/\",\"name\":\"Env\\u00edame\",\"description\":\"Plataforma de env\\u00edos multicourier I E-commerce\",\"publisher\":{\"@id\":\"https:\/\/enviame.somosforma.dev\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/enviame.somosforma.dev\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es-PE\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/enviame.io\/entendiendo-la-web-webhooks\/#primaryimage\",\"inLanguage\":\"es-PE\",\"url\":\"https:\/\/enviame.somosforma.dev\/wp-content\/uploads\/2021\/01\/webhook.jpg\",\"width\":1280,\"height\":959},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/enviame.io\/entendiendo-la-web-webhooks\/#webpage\",\"url\":\"https:\/\/enviame.io\/entendiendo-la-web-webhooks\/\",\"name\":\"Entendiendo la web: Webhook - Env\\u00edame\",\"isPartOf\":{\"@id\":\"https:\/\/enviame.somosforma.dev\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/enviame.io\/entendiendo-la-web-webhooks\/#primaryimage\"},\"datePublished\":\"2019-11-09T17:27:00+00:00\",\"dateModified\":\"2024-05-06T13:05:21+00:00\",\"description\":\"\\u00bfQuieres saber cu\\u00e1ndo se entrega un pedido o c\\u00f3mo enviar notificaciones autom\\u00e1ticas a tus clientes? Los webhooks son la respuesta. \\u00a1Lee m\\u00e1s para descubrirlo!\",\"breadcrumb\":{\"@id\":\"https:\/\/enviame.io\/entendiendo-la-web-webhooks\/#breadcrumb\"},\"inLanguage\":\"es-PE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/enviame.io\/entendiendo-la-web-webhooks\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/enviame.io\/entendiendo-la-web-webhooks\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/enviame.somosforma.dev\/\",\"url\":\"https:\/\/enviame.somosforma.dev\/\",\"name\":\"Portada\"}},{\"@type\":\"ListItem\",\"position\":2,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/enviame.somosforma.dev\/pe\/entendiendo-la-web-webhook\/\",\"url\":\"https:\/\/enviame.somosforma.dev\/pe\/entendiendo-la-web-webhook\/\",\"name\":\"Entendiendo la web: Webhook\"}}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/enviame.io\/entendiendo-la-web-webhooks\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/enviame.io\/entendiendo-la-web-webhooks\/#webpage\"},\"author\":{\"@id\":\"https:\/\/enviame.somosforma.dev\/#\/schema\/person\/4a1f4fd0b1fa4eb05d396a2eef7e7ed5\"},\"headline\":\"Entendiendo la web: Webhook\",\"datePublished\":\"2019-11-09T17:27:00+00:00\",\"dateModified\":\"2024-05-06T13:05:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/enviame.io\/entendiendo-la-web-webhooks\/#webpage\"},\"publisher\":{\"@id\":\"https:\/\/enviame.somosforma.dev\/#organization\"},\"image\":{\"@id\":\"https:\/\/enviame.io\/entendiendo-la-web-webhooks\/#primaryimage\"},\"articleSection\":\"Sin categorizar\",\"inLanguage\":\"es-PE\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/enviame.io\/entendiendo-la-web-webhooks\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/enviame.somosforma.dev\/#\/schema\/person\/4a1f4fd0b1fa4eb05d396a2eef7e7ed5\",\"name\":\"enviameioadm\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/enviame.somosforma.dev\/#personlogo\",\"inLanguage\":\"es-PE\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/18478b563ca71196b4d600a2df0014f7?s=96&d=mm&r=g\",\"caption\":\"enviameioadm\"},\"sameAs\":[\"https:\/\/enviame.somosforma.dev\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/enviame.somosforma.dev\/pe\/wp-json\/wp\/v2\/posts\/69154"}],"collection":[{"href":"https:\/\/enviame.somosforma.dev\/pe\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/enviame.somosforma.dev\/pe\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/enviame.somosforma.dev\/pe\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/enviame.somosforma.dev\/pe\/wp-json\/wp\/v2\/comments?post=69154"}],"version-history":[{"count":1,"href":"https:\/\/enviame.somosforma.dev\/pe\/wp-json\/wp\/v2\/posts\/69154\/revisions"}],"predecessor-version":[{"id":101138,"href":"https:\/\/enviame.somosforma.dev\/pe\/wp-json\/wp\/v2\/posts\/69154\/revisions\/101138"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/enviame.somosforma.dev\/pe\/wp-json\/wp\/v2\/media\/3484"}],"wp:attachment":[{"href":"https:\/\/enviame.somosforma.dev\/pe\/wp-json\/wp\/v2\/media?parent=69154"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/enviame.somosforma.dev\/pe\/wp-json\/wp\/v2\/categories?post=69154"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/enviame.somosforma.dev\/pe\/wp-json\/wp\/v2\/tags?post=69154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}