{"id":2660,"date":"2022-05-03T01:55:55","date_gmt":"2022-05-03T01:55:55","guid":{"rendered":"https:\/\/blog.ultramsg.com\/terima-whatsapp-api-messages-use-webhook-nodejs\/"},"modified":"2022-05-03T01:55:57","modified_gmt":"2022-05-03T01:55:57","slug":"terima-whatsapp-api-messages-use-webhook-nodejs","status":"publish","type":"post","link":"https:\/\/blog.ultramsg.com\/ms\/terima-whatsapp-api-messages-use-webhook-nodejs\/","title":{"rendered":"Terima mesej WhatsApp menggunakan Webhook dan Node.js"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\" id=\"introduction\">pengenalan<\/h2>\n\n<p>Dalam tutorial ini, kami akan membuat halaman untuk mengendalikan webhook mesej WhatsApp masuk menggunakan Node.js<\/p>\n\n<h2 class=\"wp-block-heading\" id=\"dependencies\">Kebergantungan<\/h2>\n\n<p>untuk tujuan pembangunan tempatan, perkhidmatan terowong diperlukan. Contoh ini menggunakan ngrok, Anda boleh memuat turun ngrok di sini: <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\">Sediakan projek anda<\/h2>\n\n<p>pasang express dan 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\">Contoh mudah menerima mesej WhatsApp daripada 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\">Mulakan projek ngrok &amp; Node.js <\/h2>\n\n<p>Mulakan Ngrok Untuk 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>Mulakan Ngrok Untuk Mac :<\/p>\n\n<pre class=\"wp-block-preformatted\"><code data-enlighter-language=\"powershell\" class=\"EnlighterJSRAW\">.\/ngrok http 3000<\/code><\/pre>\n\n<p>Mulakan projek 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\">Tetapkan URL Webhook kepada contoh anda dalam ultramsg<\/h2>\n\n<p>Kami mencipta titik akhir webhook baharu: http:\/\/your-ngrok.io.com\/ultramsgwebhook untuk mengendalikan permintaan, Sekarang url webhook mesti diletakkan dalam contoh dalam Ultramsg dan dayakan pilihan Webhook pada Diterima, seperti dalam imej berikut: <\/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=\"Terima mesej WhatsApp menggunakan Webhook dan Node.js - WhatsApp API\" class=\"wp-image-2571\" 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\">CONTOH JSON RESPONS<\/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>tahniah. Anda telah menerima mesej WhatsApp pertama anda.<\/p>\n\n<h2 class=\"wp-block-heading\" id=\"types-of-webhooks-to-use-with-whatsapp-api-ultramsg\">Jenis webhook untuk digunakan dengan WhatsApp API &amp; Ultramsg <\/h2>\n\n<ul class=\"wp-block-list\"><li><strong>webhook_message_received<\/strong> : pemberitahuan dalam webhooks apabila mesej diterima.<\/li><li><strong>webhook_message_create<\/strong> : pemberitahuan dalam webhooks apabila mesej dibuat .<\/li><li><strong>webhook_message_ack<\/strong> : pemberitahuan ack (mesej dihantar dan mesej dilihat) dalam webhooks.<\/li><\/ul>\n\n<ul class=\"wp-block-list\"><li>akhirnya, anda boleh melihat Dokumentasi dan <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\/\">Soalan Lazim<\/a> <a href=\"https:\/\/docs.ultramsg.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">API Whatsapp<\/a> Penuh .<\/li><li><a href=\"https:\/\/blog.ultramsg.com\/ms\/whatsappapi-message-with-node-js-and-ultramsg\/\" data-type=\"URL\" data-id=\"https:\/\/blog.ultramsg.com\/whatsappapi-message-with-node-js-and-ultramsg\/\">Cara Menghantar Mesej melalui WhatsApp API menggunakan Node.js dengan mudah<\/a> .<\/li><\/ul>\n\n<p>Anda boleh lihat langkah sebelumnya dalam video ini:<\/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>pengenalan Dalam tutorial ini, kami akan membuat halaman untuk mengendalikan webhook mesej WhatsApp masuk menggunakan &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"Terima mesej WhatsApp menggunakan Webhook dan Node.js\" class=\"read-more button\" href=\"https:\/\/blog.ultramsg.com\/ms\/terima-whatsapp-api-messages-use-webhook-nodejs\/#more-2660\" aria-label=\"Read more about Terima mesej WhatsApp menggunakan Webhook dan Node.js\">Read More<\/a><\/p>\n","protected":false},"author":1,"featured_media":2572,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[245],"tags":[258,246,252],"class_list":["post-2660","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-api-whatsapp-ms","tag-node-js-ms","tag-tutorial-ms","tag-webhook-ms","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\/ms\/wp-json\/wp\/v2\/posts\/2660","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.ultramsg.com\/ms\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.ultramsg.com\/ms\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.ultramsg.com\/ms\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.ultramsg.com\/ms\/wp-json\/wp\/v2\/comments?post=2660"}],"version-history":[{"count":3,"href":"https:\/\/blog.ultramsg.com\/ms\/wp-json\/wp\/v2\/posts\/2660\/revisions"}],"predecessor-version":[{"id":2663,"href":"https:\/\/blog.ultramsg.com\/ms\/wp-json\/wp\/v2\/posts\/2660\/revisions\/2663"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.ultramsg.com\/ms\/wp-json\/wp\/v2\/media\/2572"}],"wp:attachment":[{"href":"https:\/\/blog.ultramsg.com\/ms\/wp-json\/wp\/v2\/media?parent=2660"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.ultramsg.com\/ms\/wp-json\/wp\/v2\/categories?post=2660"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.ultramsg.com\/ms\/wp-json\/wp\/v2\/tags?post=2660"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}