Cara Mengintegrasikan Twilio dengan Botpress, Langkah demi Langkah

Terima kasih banyak kepada kontributor komunitas Botpress , Danilo Limo! Kami dengan senang hati membagikan tutorialnya yang baru-baru ini diposting di forum komunitasBotpress . Dia membuat tutorial langkah demi langkah tentang cara mengintegrasikan Botpress dengan Twilio, menggunakan Whatsapp dan bekerja pada mesin Windows-nya. Kami sangat menghargai komunitas kami, dan kami ingin berbagi tips, tutorial, atau konten lain yang dibuat oleh para pengembang konten dengan Botpress!

Tutorial Integrasi
Langkah demi langkah

Tutorial ini bertujuan untuk mendemonstrasikan bagaimana framework botpress diintegrasikan dengan Whatsapp melalui platform Twilio.

Catatan: Untuk memudahkan, saya akan menjelaskan langkah demi langkah untuk Windows, karena ini adalah lingkungan yang saat ini saya gunakan.

Prasyarat:

Untuk menggunakan Twilio sebagai integrasi botpress Anda dengan Whatsapp, bot Anda harus memiliki akses eksternal melalui SSL /TLS [https].

Jika bot Anda dibuat di lingkungan lokal (localhost), Anda perlu menggunakan aplikasi terowongan seperti NGROK agar Anda dapat mengakses localhost secara eksternal.

Ikuti langkah-langkah di bawah ini:

1. Unduh NGROK di ngrok - unduh
2. Buka ritsleting file dan putar file yang dapat dieksekusi
3. Di folder /ngrok/bin jalankan file ngrok.exe
4. Prompt perintah [cmd] akan terbuka
5. Di dalamnya jalankan perintah berikut: ngrok http 3000, di mana ngrok adalah perintah yang dapat dieksekusi dari aplikasi, http menunjukkan bahwa itu akan diakses melalui web dan 3000 adalah port default dari Botpress

If you are developing your bot in cloud environment, such as Heroku for example, just use the external url of your bot which should look something like this: https://<yourbotname>.herokuapp.com/

Twilio

Sekarang mari kita pergi ke Twilio!!

1. Buat akun di Twilio (saya tidak akan menjelaskan cara membuat akun di Twilio di sini karena cara membuat akun di Twilio sangat mudah dan intuitif).
2. Saat Anda membuat akun, di dasbor akun, salin dan simpan kunci: accountSID dan authToken.

Daftarkan nomor telepon Anda di akun Anda, karena Twilio akan membutuhkannya.

Setelah selesai, sekarang saatnya untuk mengatur kredensial akses Twilio Anda di Botpress.

Botpress
Di Botpress Anda melakukan langkah-langkah berikut:

1. Open the \data\bots<your_bot>\bot.config.json file
2. Sertakan, sebelum "}" terakhir, blok kode json seperti di bawah ini:

"messaging": {
"channels": {
"twilio": {
"enabled": false, "change here to true"
"accountSID": "Enter your key accountSID here",
"authToken": "Enter your key authToken here"
}
}
}

Seharusnya terlihat seperti ini:

3. Buka folder \data\global\ dan buka file botpress.config.json

4. Dengan file terbuka, ubah parameter externalUrl sebagai berikut:

"externalUrl": "https://6a3d-a700.ngrok.io",
"session": {
"enabled": true, “If false change to true”
"maxAge": "1h"
},

Seharusnya terlihat seperti ini:

• 5. Sekarang, di folder \data\global\config, buka file channel-twilio.json dan konfigurasikan sebagai berikut:

{
"$schema": "bp://types/modules/channel-twilio/config.schema.json",
"enabled": true,
"accountSID": " Enter your key accountSID here",
"authToken": " Enter your key authToken here"
}

Seharusnya terlihat seperti ini:

6. Now copy the channel-twilio.json file from the \data\global\config folder and paste it into the \data\bots\ folder <your_bot>\config

7. Setelah selesai, sekarang saatnya untuk memulai ulang Botpress. Setelah Anda memulai ulang, Anda akan melihat log inisiasi URL webhook Twilio di Botpress. Anda harus tampil sebagai:

8. Sekarang salin url webhook Twilio, buka akun Twilio Anda, dan tempelkan ke bagian webhook, seperti yang ditunjukkan pada gambar di bawah ini:

• 9. Sekarang, saat masih berada di akun Twilio Anda, masuk ke menu Pesan → Coba dulu → Kirim pesan Whatsapp
• 10. Anda harus mengaktifkan Twilio Whatsapp, jadi buka Whatsapp sebagai berikut:

• 11. Kode "join lot-idea" ini akan mengaktifkan Twilio untuk berinteraksi dengan Botpress Anda.
• 12. Jika Anda ingin menonaktifkan layanan Twilio, cukup kirimkan pesan dengan teks "stop".
• 13. Dan selesai! Botpress Anda telah siap untuk mengirim dan menerima pesan melalui WhatsApp. Lihat interaksi pesan, serta log:

Dan itu saja!

Terima kasih banyak kepada Danilo! Anda dapat melihat denda nya posting asli di forum Botpress . Jika Anda tertarik dengan lebih banyak Botpress bagaimana caranya, lihatlah Botpress Saluran YouTubedi mana kami telah menambahkan banyak konten pengembang baru selama beberapa bulan terakhir.

Bahkan, ada video panduan yang baru saja dipublikasikan di kanal Botpress Integrasi Saluran Twiliodengan ulasan terkini tentang cara menggunakan Twilio dengan Botpress. Silakan lihat!

‍