{"id":2535,"date":"2019-12-10T08:08:39","date_gmt":"2019-12-10T08:08:39","guid":{"rendered":"https:\/\/www.qiscus.com\/id\/?p=2535"},"modified":"2025-08-12T03:30:06","modified_gmt":"2025-08-12T03:30:06","slug":"integrasi-twitter-direct-message-ke-qiscus-multichannel","status":"publish","type":"post","link":"https:\/\/www.qiscus.com\/id\/blog\/integrasi-twitter-direct-message-ke-qiscus-multichannel\/","title":{"rendered":"Integrasi Twitter Direct Message ke Qiscus Multichannel"},"content":{"rendered":"\n

Secara default<\/em>, Qiscus Multichannel menyediakan beberapa saluran yang dapat Anda aktifkan sebagai sumber pesan masuk dari pelanggan. Namun, Anda mungkin juga memerlukan saluran lain untuk digunakan dalam arus bisnis Anda. Mari kita ambil Twitter Direct Message (Twitter DM) sebagai contoh. Untuk mengaktifkan saluran ini, Anda dapat menggunakan fitur Custom Channel di Qiscus Multichannel. Dalam dokumentasi Qiscus<\/a>, dinyatakan bahwa:<\/p>\n\n\n\n

Ide di balik Custom Channel ini adalah Anda dapat menyediakan server Anda sendiri untuk terhubung dengan layanan messaging <\/em>(Telegram, Slack, WeChat, Email, SMS, dll) untuk mengirim pesan. Pesan tersebut kemudian akan diteruskan ke Qiscus Multichannel CS Chat oleh server Anda untuk dikumpulkan di dashboard <\/em>Qiscus Multichannel CS Chat.<\/p>\n\n\n\n

Pada artikel ini, kami akan membahas topik tentang mengintegrasikan Twitter DM ke dalam Qiscus Multichannel CS Chat. Penting untuk dicatat bahwa karena ini adalah dukungan tidak resmi dari Qiscus Multichannel, Anda tetap harus memelihara layanan Anda sendiri. Semoga Qiscus Multichannel akan menyertakan Twitter DM sebagai bulit-in channel<\/em> di masa mendatang!<\/p>\n\n\n\n

Twitter<\/h2>\n\n\n\n

Pertama-pertama, untuk menggunakan Twitter DM sebagai saluran baru Anda di Qiscus Multichannel, Anda harus memiliki akun Twitter Developer karena kami akan menggunakan Access Token-nya dalam proses. Anda dapat mendaftar di sini.<\/a><\/p>\n\n\n\n

Setelah Anda terdaftar sebagai developer <\/em>di Twitter, Anda dapat membuat aplikasi baru. Isi formulir yang sesuai dengan proyek Anda. Dalam contoh ini, saya menamakannya \u201cTwitter DM Channel.\u201d<\/p>\n\n\n\n

\"image.png\"<\/figure>\n\n\n\n

Setelah itu, buka tab \u201cKeys and Tokens\u201d dan buat token akses. Nanti akan kita gunakan di layanan perantara untuk menghubungkan antara Twitter dan Qiscus Multichannel.<\/p>\n\n\n\n

\"image.png\"<\/figure>\n\n\n\n

Selanjutnya, Anda juga perlu mengubah akses izin untuk menyertakan akses ke Direct Message API. Buka tab Permissions dan centang opsi terakhir.<\/p>\n\n\n\n

\"image.png\"<\/figure>\n\n\n\n

Terakhir tetapi tidak kalah penting, kita perlu set-up<\/em>dev environment<\/em>. Buka halaman Dev environments<\/em> dan set-up<\/em>Account Activity API dev environment<\/em>.<\/p>\n\n\n\n

\"image.png\"<\/figure>\n\n\n\n

Tentukan label yang ingin Anda gunakan dan pilih aplikasi yang baru saja kita buat.<\/p>\n\n\n\n

\"image.png\"<\/figure>\n\n\n\n

Sekian untuk bagian Twitter. Selanjutnya, kita perlu set-up<\/em> Custom Channel baru di Qiscus Multichannel.<\/p>\n\n\n\n

Multichannel<\/strong><\/h2>\n\n\n\n

Jika Anda belum sign in<\/em>, silakan lakukan sekarang di https:\/\/multichannel.qiscus.com lalu buka halaman Integration:<\/p>\n\n\n\n

\"image.png\"<\/figure>\n\n\n\n

Buat Custom Channel baru dengan mengeklik tombol \u201cAdd Channel\u201d.<\/p>\n\n\n\n

\"image.png\"<\/figure>\n\n\n\n

Harap tentukan nama channel <\/em>dan identifier key<\/em> Anda. Nama channel <\/em>bisa diisi dengan \u201cTwitter DM\u201d. Nama ini nanti akan muncul di tab channel<\/em>. Sedangkan untuk Identifier Key bisa menggunakan apa saja yang diinginkan. Key ini digunakan untuk mencocokkan sumber request <\/em>yang datang dari webhook <\/em>anda. Ini adalah parameter yang diminta. Terakhir URL Webhook, ini akan menjadi URL Webhook Custom Channel Anda, yang merupakan layanan perantara yang akan Anda buat.<\/p>\n\n\n\n

Infrastruktur Layanan Perantara<\/strong><\/h2>\n\n\n\n

Kami telah menyiapkan Aplikasi Twitter dan Custom Channel di langkah sebelumnya. Jadi, selanjutnya adalah menyiapkan layanan perantara kami. Layanan ini bertindak sebagai bridging service<\/em> yang akan memenuhi aturan berikut:<\/p>\n\n\n\n

    \n
  1. Terima webhook dari DM Twitter.<\/li>\n\n\n\n
  2. Ketika layanan Anda menerima pesan, kirim pesan tersebut ke Qiscus Multichannel CS Chat dengan format berikut.<\/li>\n<\/ol>\n\n\n\n

    Header:<\/strong><\/p>\n\n\n\n

    \"image.png\"<\/figure>\n\n\n\n

    URL:<\/strong><\/p>\n\n\n\n

    \"image.png\"<\/figure>\n\n\n\n

    Params:<\/strong><\/p>\n\n\n\n

    \"image.png\"<\/figure>\n\n\n\n

    Anda dapat memeriksa detailnya di https:\/\/documentation.qiscus.com\/multichannel-customer-service\/customization#custom-channel<\/a><\/p>\n\n\n\n

    Dalam contoh ini, kami menggunakan AWS Lambda, API Gateway, dan Python 3.7. Anda dapat mengakses repo di https:\/\/bitbucket.org\/qiscus\/twitter-custom-channel<\/a><\/p>\n\n\n\n

    Untuk menerapkan kode ke AWS Lambda:<\/p>\n\n\n\n