{"id":3546,"date":"2022-06-06T08:06:29","date_gmt":"2022-06-06T08:06:29","guid":{"rendered":"https:\/\/blog.ultramsg.com\/ricevere-whatsapp-api-messages-use-webhook-nodejs\/"},"modified":"2022-06-06T08:06:30","modified_gmt":"2022-06-06T08:06:30","slug":"ricevere-whatsapp-api-messages-use-webhook-nodejs","status":"publish","type":"post","link":"https:\/\/blog.ultramsg.com\/it\/ricevere-whatsapp-api-messages-use-webhook-nodejs\/","title":{"rendered":"Ricevi messaggi WhatsApp utilizzando Webhook e Node.js"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\" id=\"introduction\">introduzione<\/h2>\n\n<p>In questo tutorial creeremo una pagina per gestire i webhook dei messaggi WhatsApp in arrivo utilizzando Node.js<\/p>\n\n<h2 class=\"wp-block-heading\" id=\"dependencies\">Dipendenze<\/h2>\n\n<p>per scopi di sviluppo locale \u00e8 necessario un servizio di tunneling. Questo esempio usa ngrok, puoi scaricare ngrok qui: <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 il tuo progetto<\/h2>\n\n<p>installa express e 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 semplice esempio di ricezione di messaggi WhatsApp da 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\">Avvia il progetto ngrok e Node.js <\/h2>\n\n<p>Avvia Ngrok per 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>Avvia Ngrok per Mac:<\/p>\n\n<pre class=\"wp-block-preformatted\"><code data-enlighter-language=\"powershell\" class=\"EnlighterJSRAW\">.\/ngrok http 3000<\/code><\/pre>\n\n<p>Avvia il progetto 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\">Imposta l&#8217;URL Webhook sulla tua istanza in ultramsg<\/h2>\n\n<p>Creiamo un nuovo endpoint webhook: http:\/\/your-ngrok.io.com\/ultramsgwebhook per gestire la richiesta, ora gli URL webhook devono essere inseriti nell&#8217;istanza in Ultramsg e abilitare l&#8217;opzione Webhook on Received, come nell&#8217;immagine seguente: <\/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=\"Ricevi messaggi WhatsApp utilizzando Webhook e Node.js - API WhatsApp\" class=\"wp-image-3437\" 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\">ESEMPIO DI RISPOSTA 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>Congratulazioni. Hai ricevuto il tuo primo messaggio WhatsApp.<\/p>\n\n<h2 class=\"wp-block-heading\" id=\"types-of-webhooks-to-use-with-whatsapp-api-ultramsg\">Tipi di webhook da utilizzare con WhatsApp API e Ultramsg <\/h2>\n\n<ul class=\"wp-block-list\"><li><strong>webhook_message_received<\/strong> : notifiche nei webhook alla ricezione del messaggio.<\/li><li><strong>webhook_message_create<\/strong> : notifiche nei webhook quando il messaggio viene creato.<\/li><li><strong>webhook_message_ack<\/strong> : notifiche ack (messaggio consegnato e messaggio visualizzato) nei webhook.<\/li><\/ul>\n\n<ul class=\"wp-block-list\"><li>infine, puoi vedere la <a href=\"https:\/\/docs.ultramsg.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">documentazione completa dell&#8217;API di Whatsapp<\/a> e le <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\/\">domande frequenti<\/a> .<\/li><li><a href=\"https:\/\/blog.ultramsg.com\/it\/whatsappapi-messaggio-con-node-js-e-ultramsg\/\" data-type=\"URL\" data-id=\"https:\/\/blog.ultramsg.com\/whatsappapi-message-with-node-js-and-ultramsg\/\">Come inviare un messaggio tramite l&#8217;API di WhatsApp utilizzando Node.js facilmente<\/a> .<\/li><\/ul>\n\n<p>Puoi vedere i passaggi precedenti in questo 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>introduzione In questo tutorial creeremo una pagina per gestire i webhook dei messaggi WhatsApp in &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"Ricevi messaggi WhatsApp utilizzando Webhook e Node.js\" class=\"read-more button\" href=\"https:\/\/blog.ultramsg.com\/it\/ricevere-whatsapp-api-messages-use-webhook-nodejs\/#more-3546\" aria-label=\"Per saperne di pi\u00f9 su Ricevi messaggi WhatsApp utilizzando Webhook e Node.js\">Read More<\/a><\/p>\n","protected":false},"author":1,"featured_media":3438,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[274],"tags":[276,277,278],"class_list":["post-3546","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-api-di-whatsapp","tag-node-js-it","tag-tutorial-it","tag-webhook-it","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\/it\/wp-json\/wp\/v2\/posts\/3546","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.ultramsg.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.ultramsg.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.ultramsg.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.ultramsg.com\/it\/wp-json\/wp\/v2\/comments?post=3546"}],"version-history":[{"count":1,"href":"https:\/\/blog.ultramsg.com\/it\/wp-json\/wp\/v2\/posts\/3546\/revisions"}],"predecessor-version":[{"id":3547,"href":"https:\/\/blog.ultramsg.com\/it\/wp-json\/wp\/v2\/posts\/3546\/revisions\/3547"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.ultramsg.com\/it\/wp-json\/wp\/v2\/media\/3438"}],"wp:attachment":[{"href":"https:\/\/blog.ultramsg.com\/it\/wp-json\/wp\/v2\/media?parent=3546"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.ultramsg.com\/it\/wp-json\/wp\/v2\/categories?post=3546"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.ultramsg.com\/it\/wp-json\/wp\/v2\/tags?post=3546"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}