วิธีรวม Twilio เข้ากับ Botpress, เป็นขั้นเป็นตอน

ขอบคุณมากสําหรับ a Botpress ผู้สนับสนุนชุมชน Danilo Limo! เรายินดีที่จะแบ่งปันวิธีการล่าสุดของเขาที่นี่โพสต์ใน Botpress ฟอรัมชุมชน เขาสร้างบทช่วยสอนทีละขั้นตอนเกี่ยวกับวิธีการรวม Botpress กับ Twilio ใช้ Whatsapp และทํางานบนเครื่อง Windows ของเขา เราซาบซึ้งในชุมชนของเราจริงๆ และชอบที่จะแบ่งปันเคล็ดลับ บทช่วยสอน หรือเนื้อหาที่นักพัฒนาเนื้อหาอื่นๆ สร้างขึ้นด้วย Botpress!

กวดวิชาบูรณาการ
เป็นขั้นเป็นตอน

กวดวิชานี้มีจุดมุ่งหมายเพื่อแสดงให้เห็นว่า botpress เฟรมเวิร์กถูกรวมเข้ากับ Whatsapp ผ่านแพลตฟอร์ม Twilio

หมายเหตุ: เพื่อความสะดวกฉันจะอธิบายทีละขั้นตอนสําหรับ Windows เนื่องจากเป็นสภาพแวดล้อมที่ฉันใช้อยู่ในปัจจุบัน

ข้อกําหนดเบื้องต้น:

ในการใช้ Twilio เป็นการรวมของคุณ botpress ด้วย Whatsapp บอทของคุณต้องมีการเข้าถึงภายนอกผ่าน SSL /TLS [ https ]

หากบอทของคุณถูกสร้างขึ้นในสภาพแวดล้อมท้องถิ่น (localhost) คุณจะต้องใช้แอปพลิเคชันทันเนล เช่น NGROK เพื่อให้คุณสามารถเข้าถึง localhost ของคุณจากภายนอกได้

ทําตามขั้นตอนด้านล่าง:

1. Download NGROK in ngrok - ดาวน์โหลด
2. เปิดเครื่องรูดไฟล์และหมุนไฟล์ปฏิบัติการ
3. ในโฟลเดอร์ /ngrok/bin ให้เรียกใช้ ngrok file.exe
4. พรอมต์คําสั่ง [cmd] จะเปิดขึ้น
5. ในนั้นให้รันคําสั่งต่อไปนี้: ngrok http 3000 โดยที่ ngrok เป็นคําสั่งปฏิบัติการของแอปพลิเคชัน http ระบุว่าจะเข้าถึงได้ผ่านเว็บและ 3000 เป็นพอร์ตเริ่มต้นของ 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 กันเถอะ!!

1. สร้างบัญชีบน Twilio (ฉันจะไม่อธิบายวิธีการสร้างบัญชีใน Twilio ที่นี่เพราะมันง่ายและใช้งานง่ายในการสร้างบัญชี)
2. เมื่อคุณสร้างบัญชี ในแดชบอร์ดบัญชีของคุณ ให้คัดลอกและจองคีย์: accountSID และ authToken

ลงทะเบียนหมายเลขโทรศัพท์ของคุณในบัญชีของคุณ เนื่องจาก Twilio จําเป็นต้องใช้

เมื่อเสร็จแล้ว ก็ถึงเวลาตั้งค่าข้อมูลรับรองการเข้าถึง Twilio ของคุณใน Botpress.

Botpress
ใน Botpress คุณทําตามขั้นตอนต่อไปนี้:

1. Open the \data\bots<your_bot>\bot.config.json file
2. รวมก่อนสุดท้าย "}" บล็อกโค้ด json ดังต่อไปนี้:

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

ควรมีลักษณะดังนี้:

3. ไปที่โฟลเดอร์ \data\global\ และเปิดไฟล์ botpress.config.json

4. เมื่อเปิดไฟล์ให้เปลี่ยนพารามิเตอร์ externalUrl ดังนี้:

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

ควรมีลักษณะดังนี้:

• 5. ตอนนี้ในโฟลเดอร์ \ data \ global \ config เปิดไฟล์ channel-twilio.json และกําหนดค่าดังนี้:

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

ควรมีลักษณะดังนี้:

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. เมื่อเสร็จแล้วก็ถึงเวลารีสตาร์ทของคุณ Botpress. เมื่อคุณรีสตาร์ท คุณจะเห็นบันทึกการเริ่มต้น URL ของ Twilio webhook ใน Botpress. คุณต้องแสดงเป็น:

8. ตอนนี้คัดลอก URL ของ Twilio webhook ไปที่บัญชี Twilio ของคุณแล้ววางลงในส่วน webhook ดังที่แสดงในภาพด้านล่าง:

• 9. ตอนนี้ในขณะที่ยังอยู่ในบัญชี Twilio ของคุณไปที่เมนู การส่งข้อความ → ลองใช้→ส่งข้อความ Whatsapp
• 10. คุณจะต้องเปิดใช้งาน Twilio Whatsapp ดังนั้นเปิด Whatsapp ดังนี้:

• 11. รหัส "เข้าร่วมล็อตไอเดีย" นี้เปิดใช้งาน Twilio เพื่อโต้ตอบกับคุณ Botpress.
• 12. หากคุณต้องการปิดใช้งานบริการ Twilio เพียงส่งข้อความพร้อมข้อความ "หยุด"
• 13. และนั่นแหละ! ของคุณ Botpress พร้อมที่จะส่งและรับข้อความทาง WhatsApp ดูการโต้ตอบของข้อความรวมถึงบันทึก:

และนั่นแหละ!

ขอบคุณมากสําหรับ Danilo! คุณสามารถดูโพสต์ต้นฉบับที่ดีของเขา ใน Botpress สภา หากคุณสนใจเพิ่มเติม Botpress วิธีการตรวจสอบ Botpress ช่อง YouTubeซึ่งเราได้เพิ่มเนื้อหาสําหรับนักพัฒนาซอฟต์แวร์ใหม่จํานวนมากในช่วงไม่กี่เดือนที่ผ่านมา

ในความเป็นจริงมีวิดีโอแสดงวิธีการที่เพิ่งเผยแพร่ใน Botpress การรวมช่อง Twilioพร้อมรีวิววิธีใช้ Twilio ล่าสุดด้วย Botpress. ลองดูสิ!

‍