{"id":2496,"date":"2022-05-03T01:46:30","date_gmt":"2022-05-03T01:46:30","guid":{"rendered":"https:\/\/blog.ultramsg.com\/terima-whatsapp-api-pesan-gunakan-webhook-nodejs\/"},"modified":"2022-05-03T01:46:33","modified_gmt":"2022-05-03T01:46:33","slug":"terima-whatsapp-api-pesan-gunakan-webhook-nodejs","status":"publish","type":"post","link":"https:\/\/blog.ultramsg.com\/id\/terima-whatsapp-api-pesan-gunakan-webhook-nodejs\/","title":{"rendered":"Terima pesan WhatsApp menggunakan Webhook dan Node.js"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\" id=\"introduction\">pengantar<\/h2>\n\n<p>Dalam tutorial ini, kita akan membuat halaman untuk menangani webhook pesan WhatsApp yang masuk menggunakan Node.js<\/p>\n\n<h2 class=\"wp-block-heading\" id=\"dependencies\">Ketergantungan<\/h2>\n\n<p>untuk tujuan pembangunan lokal, layanan tunneling diperlukan. Contoh ini menggunakan ngrok, Anda dapat mengunduh 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\">Siapkan proyek Anda<\/h2>\n\n<p>instal 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 sederhana menerima pesan WhatsApp dari 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\">Mulai proyek ngrok &amp; Node.js <\/h2>\n\n<p>Mulai 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>Mulai 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>Mulai proyek 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\">Setel URL Webhook ke instans Anda di ultramsg<\/h2>\n\n<p>Kami membuat titik akhir webhook baru: http:\/\/your-ngrok.io.com\/ultramsgwebhook untuk menangani permintaan, Sekarang url webhook harus ditempatkan di instance di Ultramsg dan aktifkan opsi Webhook on Received, seperti pada gambar 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 pesan WhatsApp menggunakan Webhook dan Node.js - API WhatsApp\" class=\"wp-image-2477\" 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>Selamat. Anda telah menerima pesan 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 di webhook saat pesan diterima .<\/li><li><strong>webhook_message_create<\/strong> : pemberitahuan di webhook saat pesan dibuat.<\/li><li><strong>webhook_message_ack<\/strong> : pemberitahuan ack (pesan terkirim dan pesan dilihat) di webhook.<\/li><\/ul>\n\n<ul class=\"wp-block-list\"><li>akhirnya, Anda dapat 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\/\">FAQ<\/a> <a href=\"https:\/\/docs.ultramsg.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">API Whatsapp<\/a> Lengkap.<\/li><li><a href=\"https:\/\/blog.ultramsg.com\/id\/whatsappapi-pesan-dengan-simpul-js-dan-ultramsg\/\" data-type=\"URL\" data-id=\"https:\/\/blog.ultramsg.com\/whatsappapi-message-with-node-js-and-ultramsg\/\">Cara Mengirim Pesan dengan WhatsApp API menggunakan Node.js dengan mudah<\/a> .<\/li><\/ul>\n\n<p>Anda dapat melihat langkah-langkah sebelumnya di 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>pengantar Dalam tutorial ini, kita akan membuat halaman untuk menangani webhook pesan WhatsApp yang masuk &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"Terima pesan WhatsApp menggunakan Webhook dan Node.js\" class=\"read-more button\" href=\"https:\/\/blog.ultramsg.com\/id\/terima-whatsapp-api-pesan-gunakan-webhook-nodejs\/#more-2496\" aria-label=\"Baca selengkapnya tentang Terima pesan WhatsApp menggunakan Webhook dan Node.js\">Read More<\/a><\/p>\n","protected":false},"author":1,"featured_media":2478,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[216],"tags":[229,217,223],"class_list":["post-2496","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-api-whatsapp-id","tag-node-js-id","tag-tutorial","tag-webhook-id","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\/id\/wp-json\/wp\/v2\/posts\/2496","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.ultramsg.com\/id\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.ultramsg.com\/id\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.ultramsg.com\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.ultramsg.com\/id\/wp-json\/wp\/v2\/comments?post=2496"}],"version-history":[{"count":3,"href":"https:\/\/blog.ultramsg.com\/id\/wp-json\/wp\/v2\/posts\/2496\/revisions"}],"predecessor-version":[{"id":2499,"href":"https:\/\/blog.ultramsg.com\/id\/wp-json\/wp\/v2\/posts\/2496\/revisions\/2499"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.ultramsg.com\/id\/wp-json\/wp\/v2\/media\/2478"}],"wp:attachment":[{"href":"https:\/\/blog.ultramsg.com\/id\/wp-json\/wp\/v2\/media?parent=2496"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.ultramsg.com\/id\/wp-json\/wp\/v2\/categories?post=2496"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.ultramsg.com\/id\/wp-json\/wp\/v2\/tags?post=2496"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}