{"id":1028,"date":"2022-03-02T14:46:17","date_gmt":"2022-03-02T14:46:17","guid":{"rendered":"https:\/\/blog.ultramsg.com\/recibir-whatsapp-api-mensajes-usar-webhook-nodejs\/"},"modified":"2022-03-10T05:53:34","modified_gmt":"2022-03-10T05:53:34","slug":"recibir-whatsapp-api-mensajes-usar-webhook-nodejs","status":"publish","type":"post","link":"https:\/\/blog.ultramsg.com\/es\/recibir-whatsapp-api-mensajes-usar-webhook-nodejs\/","title":{"rendered":"Reciba mensajes de WhatsApp usando Webhook y Node.js"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\" id=\"introduction\">Introducci\u00f3n<\/h2>\n\n<p>En este tutorial, crearemos una p\u00e1gina para manejar webhooks de mensajes de WhatsApp entrantes usando Node.js<\/p>\n\n<h2 class=\"wp-block-heading\" id=\"dependencies\">dependencias<\/h2>\n\n<p>para fines de desarrollo local, se requiere un servicio de t\u00faneles. Este ejemplo usa ngrok. Puede descargar ngrok aqu\u00ed: <a href=\"https:\/\/ngrok.com\/download\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/ngrok.com\/download<\/a><\/p>\n\n<h2 class=\"wp-block-heading\" id=\"set-up-your-project\">Configura tu proyecto<\/h2>\n\n<p>instale express y body-parser:<\/p>\n\n<pre class=\"wp-block-code\"><code>npm install express body-parser<\/code><\/pre>\n\n<h2 class=\"wp-block-heading\" id=\"a-simple-example-of-receiving-whatsapp-messages-from-ultramsg\">Un ejemplo simple de recibir mensajes de WhatsApp de Ultramsg <\/h2>\n\n<pre class=\"wp-block-code\"><code><code data-enlighter-language=\"js\" class=\"EnlighterJSRAW\">const express = require('express')\nconst bodyParser = require('body-parser')\nconst app = express()\nconst PORT = 3000\n\/\/ Setup a webhook route\napp.use(bodyParser.json())\napp.post('\/ultramsgwebhook', (req, res) =&gt; {\n  console.log(req.body) \/\/ print all response\n\n  \/\/messageFrom=req.body&#91;'data']&#91;'from'] \/\/ sender number\n  \/\/messageMsg=req.body&#91;'data']&#91;'body'] \/\/ Message text\n  res.status(200).end()\n})\n\napp.use(bodyParser.json())\napp.listen(PORT, () =&gt; console.log(`\ud83d\ude80 Server running on port ${PORT}\ud83d\ude80 `))<\/code><\/code><\/pre>\n\n<h2 class=\"wp-block-heading\" id=\"start-ngrok-node-js-project\">Inicie el proyecto ngrok y Node.js <\/h2>\n\n<p>Inicie Ngrok para Windows:<\/p>\n\n<pre class=\"wp-block-code\"><code><code data-enlighter-language=\"powershell\" class=\"EnlighterJSRAW\">ngrok http 3000<\/code><\/code><\/pre>\n\n<p>Inicie Ngrok para Mac:<\/p>\n\n<pre class=\"wp-block-preformatted\"><code data-enlighter-language=\"powershell\" class=\"EnlighterJSRAW\">.\/ngrok http 3000<\/code><\/pre>\n\n<p>Inicie el proyecto Nodejs: <\/p>\n\n<pre class=\"wp-block-code\"><code>node index.js<\/code><\/pre>\n\n<h2 class=\"wp-block-heading\" id=\"set-webhook-url-to-your-instance-in-ultramsg\">Establezca la URL de Webhook en su instancia en ultramsg<\/h2>\n\n<p>Creamos un nuevo punto final de webhook: http:\/\/your-ngrok.io.com\/ultramsgwebhook para manejar la solicitud, ahora las URL de webhook deben colocarse en la instancia en Ultramsg y habilitar la opci\u00f3n Webhook en Recibido, como en la siguiente imagen: <\/p>\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"570\" src=\"https:\/\/blog.ultramsg.com\/wp-content\/uploads\/2022\/02\/image-1024x570.png\" alt=\"Reciba mensajes de WhatsApp usando Webhook y Node.js - API de WhatsApp\" class=\"wp-image-985\" title=\"\" srcset=\"https:\/\/blog.ultramsg.com\/wp-content\/uploads\/2022\/02\/image-1024x570.png 1024w, https:\/\/blog.ultramsg.com\/wp-content\/uploads\/2022\/02\/image-300x167.png 300w, https:\/\/blog.ultramsg.com\/wp-content\/uploads\/2022\/02\/image-768x427.png 768w, https:\/\/blog.ultramsg.com\/wp-content\/uploads\/2022\/02\/image.png 1334w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<h2 class=\"wp-block-heading\" id=\"example-json-response\">EJEMPLO DE RESPUESTA JSON<\/h2>\n\n<pre class=\"wp-block-preformatted\"><code data-enlighter-language=\"json\" class=\"EnlighterJSRAW\">{\n  event_type: 'message_received',\n  instanceId: '1150',\n  data: {\n    id: 'false_17692426345@c.us_3EB0FF54790702367270',\n    from: '17692426340@c.us',\n    to: '17692426345@c.us',\n    ack: '',\n    type: 'chat',\n    body: 'Hello, World!',\n    fromMe: false,\n    time: 1644957719\n  }\n}<\/code><\/pre>\n\n<p>Felicidades. Has recibido tu primer mensaje de WhatsApp.<\/p>\n\n<h2 class=\"wp-block-heading\" id=\"types-of-webhooks-to-use-with-whatsapp-api-ultramsg\">Tipos de webhooks para usar con la API de WhatsApp y Ultramsg <\/h2>\n\n<ul class=\"wp-block-list\"><li><strong>webhook_message_received<\/strong> : notificaciones en webhooks cuando se recibe un mensaje.<\/li><li><strong>webhook_message_create<\/strong> : notificaciones en webhooks cuando se crea un mensaje.<\/li><li><strong>webhook_message_ack<\/strong> : notificaciones de acuse de recibo (mensaje entregado y mensaje visto) en webhooks.<\/li><\/ul>\n\n<ul class=\"wp-block-list\"><li>finalmente, puede ver <a href=\"https:\/\/docs.ultramsg.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">la documentaci\u00f3n completa de la API de Whatsapp<\/a> y las <a href=\"https:\/\/blog.ultramsg.com\/whatsapp-api-by-ultramsg-faq\/\" data-type=\"URL\" data-id=\"https:\/\/blog.ultramsg.com\/whatsapp-api-by-ultramsg-faq\/\">preguntas frecuentes<\/a> .<\/li><li><a href=\"https:\/\/blog.ultramsg.com\/es\/whatsappapi-message-with-node-js-and-ultramsg\/\" data-type=\"URL\" data-id=\"https:\/\/blog.ultramsg.com\/whatsappapi-message-with-node-js-and-ultramsg\/\">C\u00f3mo enviar un mensaje por la API de WhatsApp usando Node.js f\u00e1cilmente<\/a> .<\/li><\/ul>\n\n<p>Puedes ver los pasos anteriores en este video:<\/p>\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Receive WhatsApp messages using Webhook and Node.js\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/c0_U_OcAPKw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Introducci\u00f3n En este tutorial, crearemos una p\u00e1gina para manejar webhooks de mensajes de WhatsApp entrantes &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"Reciba mensajes de WhatsApp usando Webhook y Node.js\" class=\"read-more button\" href=\"https:\/\/blog.ultramsg.com\/es\/recibir-whatsapp-api-mensajes-usar-webhook-nodejs\/#more-1028\" aria-label=\"Leer m\u00e1s sobre Reciba mensajes de WhatsApp usando Webhook y Node.js\">Read More<\/a><\/p>\n","protected":false},"author":1,"featured_media":986,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[57],"tags":[69,59,61],"class_list":["post-1028","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-api-whatsapp","tag-nodo-js","tag-tutoriales","tag-webhook-es","infinite-scroll-item","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-25","no-featured-image-padding"],"_links":{"self":[{"href":"https:\/\/blog.ultramsg.com\/es\/wp-json\/wp\/v2\/posts\/1028","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.ultramsg.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.ultramsg.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.ultramsg.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.ultramsg.com\/es\/wp-json\/wp\/v2\/comments?post=1028"}],"version-history":[{"count":9,"href":"https:\/\/blog.ultramsg.com\/es\/wp-json\/wp\/v2\/posts\/1028\/revisions"}],"predecessor-version":[{"id":1666,"href":"https:\/\/blog.ultramsg.com\/es\/wp-json\/wp\/v2\/posts\/1028\/revisions\/1666"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.ultramsg.com\/es\/wp-json\/wp\/v2\/media\/986"}],"wp:attachment":[{"href":"https:\/\/blog.ultramsg.com\/es\/wp-json\/wp\/v2\/media?parent=1028"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.ultramsg.com\/es\/wp-json\/wp\/v2\/categories?post=1028"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.ultramsg.com\/es\/wp-json\/wp\/v2\/tags?post=1028"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}