คู่มือวิธีการทำ และการใช้งาน Line – Chat bot ด้วย Dialogflow

ก

คำนำ

คู่มือวิธีการทำ และการใช้งาน Line – Chat bot ด้วย Dialogflow ฉบับน้ี จัดทำขึ้นเพื่อเป็น
แนวทางในการใช้งาน Line – Chat bot ด้วย Dialogflow ในรูปแบบของการสร้างข้อความ หรอื บทสนทนา
การตอบกลบั อัตโนมัติ โดยเนื้อหาภายในเล่มเป็นการนำเสนอเพ่ือให้พนักงาน หรือบุคลกรแผนกต่างๆ สามารถ
นำไปเรยี นรู้ และฝกึ ปฏบิ ตั ิได้

คณะผู้จัดทำหวังเป็นอย่างยิ่งว่า คู่มือฉบับนี้ จะเป็นประโยชน์อยา่ งยิ่งต่อการบริการลูกค้า และอ่ืนๆ
และตรงกับความตอ้ งการในการทำงานขององค์กร

ข

สารบัญ

เน้อื หา
คำนำ........................................................................................................................................................ก
สารบญั ....................................................................................................................................................ข
สารบัญรปู ภาพ.........................................................................................................................................ค
สารบัญตาราง .......................................................................................................................................... ง
วิธีการ และขนั้ ตอนการทำ Line Chatbot ด้วย Dialongflow..............................................................1
ตัวอยา่ งตัวอย่างของการสร้างไลน์ Chatbot .........................................................................................16
อา้ งอิง .........................................................................................................ผดิ พลาด! ไม่ได้กำหนดบุ๊กมารก์

ค

สารบญั รูปภาพ

รปู ภาพที่ 1.1 ขั้นตอนที่ 1 วิธีการทำ และการใชง้ าน Line – Chat bot ด้วย Dialogflow....................1
รปู ภาพท่ี 1.2 ขั้นตอนที่ 2 วิธีการทำ และการใชง้ าน Line – Chat bot ด้วย Dialogflow....................1
รปู ภาพที่ 1.3 ขั้นตอนที่ 3 วิธกี ารทำ และการใช้งาน Line – Chat bot ด้วย Dialogflow....................2
รูปภาพท่ี 1.4 ขน้ั ตอนที่ 4 วิธกี ารทำ และการใช้งาน Line – Chat bot ด้วย Dialogflow....................2
รูปภาพท่ี 1.5 ขน้ั ตอนที่ 5 วิธีการทำ และการใช้งาน Line – Chat bot ด้วย Dialogflow....................3
รูปภาพท่ี 1.6 ขน้ั ตอนที่ 6 วิธีการทำ และการใชง้ าน Line – Chat bot ด้วย Dialogflow....................3
รูปภาพท่ี 1.7 ขน้ั ตอนที่ 7 วิธกี ารทำ และการใช้งาน Line – Chat bot ด้วย Dialogflow....................4
รูปภาพท่ี 1.8 ขนั้ ตอนท่ี 8 วิธีการทำ และการใช้งาน Line – Chat bot ด้วย Dialogflow....................4
รปู ภาพท่ี 1.9 ข้ันตอนท่ี 9 วิธีการทำ และการใชง้ าน Line – Chat bot ด้วย Dialogflow....................5
รูปภาพที่ 1.10 ข้นั ตอนที่ 10 วิธีการทำ และการใช้งาน Line – Chat bot ด้วย Dialogflow ..............5
รปู ภาพท่ี 1.11 ขั้นตอนที่ 11 วิธีการทำ และการใช้งาน Line – Chat bot ด้วย Dialogflow ...............6
รูปภาพท่ี 1.12 ขน้ั ตอนที่ 12 วธิ กี ารทำ และการใช้งาน Line – Chat bot ด้วย Dialogflow ...............6
รปู ภาพที่ 1.13 ขน้ั ตอนที่ 13 วิธกี ารทำ และการใช้งาน Line – Chat bot ด้วย Dialogflow ...............7
รูปภาพที่ 1.14 ขั้นตอนที่ 14 วิธีการทำ และการใช้งาน Line – Chat bot ด้วย Dialogflow ...............7
รูปภาพที่ 1.15 ขน้ั ตอนที่ 15 วธิ กี ารทำ และการใช้งาน Line – Chat bot ด้วย Dialogflow ...............8
รปู ภาพท่ี 1.16 ขั้นตอนท่ี 16 วิธีการทำ และการใช้งาน Line – Chat bot ด้วย Dialogflow ...............8
รูปภาพที่ 1.17 ขั้นตอนที่ 17 วิธกี ารทำ และการใช้งาน Line – Chat bot ด้วย Dialogflow ...............9
รปู ภาพที่ 1.18 ขน้ั ตอนท่ี 18 วิธีการทำ และการใช้งาน Line – Chat bot ด้วย Dialogflow ...............9
รูปภาพที่ 1.19 ขน้ั ตอนท่ี 19 วิธกี ารทำ และการใช้งาน Line – Chat bot ด้วย Dialogflow .............10
รูปภาพที่ 1.20 ขั้นตอนท่ี 20 วิธีการทำ และการใช้งาน Line – Chat bot ด้วย Dialogflow .............10
รปู ภาพที่ 1.21 ขั้นตอนท่ี 21 วธิ ีการทำ และการใช้งาน Line – Chat bot ด้วย Dialogflow .............11
รปู ภาพท่ี 1.22 ขนั้ ตอนที่ 22 วธิ กี ารทำ และการใช้งาน Line – Chat bot ด้วย Dialogflow .............11
รปู ภาพที่ 1.23 ขั้นตอนท่ี 23 วิธกี ารทำ และการใช้งาน Line – Chat bot ด้วย Dialogflow .............12
รปู ภาพท่ี 1.24 ขั้นตอนท่ี 24 วธิ ีการทำ และการใช้งาน Line – Chat bot ด้วย Dialogflow .............12
รูปภาพที่ 1.25 ขั้นตอนที่ 25 วิธกี ารทำ และการใช้งาน Line – Chat bot ด้วย Dialogflow .............13
รูปภาพท่ี 1.26 ขั้นตอนท่ี 26 วิธกี ารทำ และการใช้งาน Line – Chat bot ด้วย Dialogflow .............13
รปู ภาพท่ี 1.27 ข้ันตอนที่ 27 วิธีการทำ และการใช้งาน Line – Chat bot ด้วย Dialogflow .............14
รูปภาพท่ี 1.28 ขั้นตอนท่ี 28 วิธกี ารทำ และการใช้งาน Line – Chat bot ด้วย Dialogflow .............14
รปู ภาพที่ 1.29 ขน้ั ตอนท่ี 29 วิธีการทำ และการใช้งาน Line – Chat bot ด้วย Dialogflow .............15
รปู ภาพท่ี 1.30 ขั้นตอนท่ี 30 วธิ ีการทำ และการใช้งาน Line – Chat bot ด้วย Dialogflow .............15

ง

สารบญั ตาราง

ตารางท่ี 1.1 ตัวอยา่ งโปรไฟล์ทจี่ ดั ทำขึ้น และตัวอยา่ งข้อความถาม - ตอบ ............................................. 16

1

วิธีการ และขน้ั ตอนการทำ Line Chatbot ดว้ ย Dialongflow

ขนั้ ตอนท่ี 1 พมิ พ์คำว่า api.ai ลงไปในชอ่ งค้นหาของหน้าต่างของ Google แล้วทำการกด Enter

รปู ภาพที่ 1.1 ขน้ั ตอนท่ี 1 วธิ กี ารทำ และการใชง้ าน Line – Chat bot ดว้ ย Dialogflow

ขนั้ ตอนที่ 2 ใชเ้ มาสช์ ท้ี ่ี Dialongflow Common แล้วใช้เมาส์คลิกที่ ที่ Dialongflow ES Console

รูปภาพท่ี 1.2 ขั้นตอนที่ 2 วธิ ีการทำ และการใช้งาน Line – Chat bot ดว้ ย Dialogflow

2

ขน้ั ตอนท่ี 3 คลิกที่ Create Agent เพอื่ สรา้ งตวั บอทท่เี ราจะเอาไว้ตั้งคำถาม - คำตอบ

รปู ภาพที่ 1.3 ขนั้ ตอนท่ี 3 วธิ ีการทำ และการใช้งาน Line – Chat bot ดว้ ย Dialogflow

ข้นั ตอนท่ี 4 ตงั้ ช่ือท่ี Agent

รปู ภาพท่ี 1.4 ข้นั ตอนท่ี 4 วิธกี ารทำ และการใช้งาน Line – Chat bot ดว้ ย Dialogflow

3

ข้นั ตอนที่ 5 หลังจากตั้งชือ่ เสร็จ ใชเ้ มาสค์ ลกิ ทรี่ ปู ฟันเฟือง

รูปภาพที่ 1.5 ขนั้ ตอนท่ี 5 วิธกี ารทำ และการใช้งาน Line – Chat bot ดว้ ย Dialogflow

ขั้นตอนที่ 6 แลว้ คลกิ ที่ ML Setting

รปู ภาพที่ 1.6 ขัน้ ตอนที่ 6 วิธกี ารทำ และการใช้งาน Line – Chat bot ดว้ ย Dialogflow

4

ขั้นตอนท่ี 7 ใช้เมาส์คลิกเปิดท่หี ัวขอ้ Agent Validation และจากนนั้ ให้คลกิ คำวา่ Train

รปู ภาพท่ี 1.7 ขัน้ ตอนที่ 7 วิธีการทำ และการใชง้ าน Line – Chat bot ดว้ ย Dialogflow

ขั้นตอนท่ี 8 จากนั้นใหเ้ ราไปคลกิ ท่ี Intents

รูปภาพที่ 1.8 ขน้ั ตอนที่ 8 วิธีการทำ และการใชง้ าน Line – Chat bot ดว้ ย Dialogflow

5

ขน้ั ตอนท่ี 9 ใช้เมาสค์ ลกิ ท่ี Create Intent ซึง่ หมายความวา่ หวั ข้อนี้คือการสรา้ งหวั ข้อของแตล่ ะเร่ืองท่จี ะ
ถาม - ตอบ

รูปภาพที่ 1.9 ข้ันตอนท่ี 9 วิธกี ารทำ และการใชง้ าน Line – Chat bot ดว้ ย Dialogflow

ขนั้ ตอนที่ 10 ให้พิมพ์หวั ขอ้ คำถาม ที่เราได้ตัง้ ไว้ ลงไปในช่อง Intent name

รปู ภาพที่ 1.10 ขัน้ ตอนท่ี 10 วิธกี ารทำ และการใชง้ าน Line – Chat bot ดว้ ย Dialogflow

6

ขนั้ ตอนที่ 11 จากนน้ั ให้เราเพ่มิ ลกั ษณะของคำถามในหัวข้อเรือ่ งนัน้ ๆ ลงไปปใน Traning phrases

รปู ภาพท่ี 1.11 ขัน้ ตอนที่ 11 วิธีการทำ และการใชง้ าน Line – Chat bot ด้วย Dialogflow

ขัน้ ตอนท่ี 12 จากนนั้ ใหเ้ ราพิมพค์ ำตอบลงไปในชอ่ ง Text Response ถา้ หากเราอยากให้ตอบได้ 2 คำตอบ
ให้เรากดคลิกที่ เพิ่มคำตอบ และคลกิ เพม่ิ คำตอบที่ Add Response หลงั จากนนั้ คลกิ ท่ี Add Response จะมี
2 หัวข้อให้เราเลือก Text Response

รปู ภาพที่ 1.12 ข้ันตอนท่ี 12 วธิ กี ารทำ และการใชง้ าน Line – Chat bot ดว้ ย Dialogflow

7

ขั้นตอนท่ี 13 หลงั จากท่ีเพิ่มคำตอบเรยี บร้อย ใหก้ ด Save และกด Save ทกุ คร้งั เม่ือใส่ขอ้ มูล

รปู ภาพที่ 1.13 ข้นั ตอนที่ 13 วิธกี ารทำ และการใชง้ าน Line – Chat bot ด้วย Dialogflow

ข้ันตอนที่ 14 กดคลิกท่ี Integrations

รปู ภาพท่ี 1.14 ข้ันตอนท่ี 14 วธิ กี ารทำ และการใชง้ าน Line – Chat bot ด้วย Dialogflow

8

ข้นั ตอนท่ี 15 หลงั จากน้นั ให้เราคลิกเล่ือนลงมาท่ีไอคอน Line แลว้ คลกิ เลอื กที่ ไอคอน Line

รปู ภาพที่ 1.15 ขั้นตอนท่ี 15 วิธีการทำ และการใชง้ าน Line – Chat bot ดว้ ย Dialogflow

ขั้นตอนท่ี 16 หลังจากนัน้ เราต้องเข้าไประบบของ Line developer

รปู ภาพท่ี 1.16 ขนั้ ตอนท่ี 16 วิธีการทำ และการใชง้ าน Line – Chat bot ด้วย Dialogflow

9

ขนั้ ตอนที่ 17 หลังจากนนั้ ให้พิมพ์คน้ หาใน Google วา่ Line developer แลว้ กดเขา้ ไปทีเ่ วบ็ ไซต์แรก(ไมม่ ี
โฆษณา) แล้วทำการกด Log In เขา้ สูร่ ะบบด้วยบัญชี Line

รปู ภาพที่ 1.17 ขั้นตอนที่ 17 วิธกี ารทำ และการใชง้ าน Line – Chat bot ด้วย Dialogflow

ข้นั ตอนท่ี 18 จากนัน้ ทำการคลกิ สร้าง Providers

รูปภาพท่ี 1.18 ข้นั ตอนที่ 18 วธิ กี ารทำ และการใชง้ าน Line – Chat bot ดว้ ย Dialogflow

10

ขัน้ ตอนที่ 19 ให้เราต้ังชื่อของ Provider (ต้ังช่อื ของบอทในไลน์) แล้วกด Create

รปู ภาพที่ 1.19 ขน้ั ตอนท่ี 19 วธิ กี ารทำ และการใชง้ าน Line – Chat bot ดว้ ย Dialogflow

ขนั้ ตอนท่ี 20 จากนน้ั ใหเ้ ราคลิกที่ไอคอนมือถือ ทีม่ ีคำวา่ Create a Messaging API Channel

รูปภาพท่ี 1.20 ขั้นตอนท่ี 20 วิธกี ารทำ และการใชง้ าน Line – Chat bot ดว้ ย Dialogflow

11

ขน้ั ตอนที่ 21 จากนน้ั ให้เราระบุข้อมลู ลงไปใน Channel name ให้ใช้ชื่อเดยี วกบั Provider ก็ได้ และให้เพิ่ม
รปู ภาพโปรไฟล์ Line ให้เรียบร้อย

รูปภาพท่ี 1.21 ข้ันตอนที่ 21 วิธกี ารทำ และการใชง้ าน Line – Chat bot ด้วย Dialogflow

ขัน้ ตอนท่ี 22 ใหใ้ ส่คำอธบิ ายเกย่ี วกับบอทไลน์ท่ีเราสร้างว่าใชเ้ พ่อื อะไรในหวั ข้อ Channel description แลว้
เลอื กประเภทของธุรกจิ เลอื กประเภทหลกั หวั ข้อ Category แลว้ จึงเลือกประเภทย่อยที่ subcategory และให้
เราเพิ่ม Email ท่ีเราจะผูกกบั บอทไลนท์ ี่ Email address

รปู ภาพที่ 1.22 ข้ันตอนที่ 22 วิธกี ารทำ และการใชง้ าน Line – Chat bot ดว้ ย Dialogflow

12

ขัน้ ตอนที่ 23 คลิกยืนยนั ทงั้ 2 หวั ข้อ และกด Create

รูปภาพท่ี 1.23 ขัน้ ตอนท่ี 23 วิธีการทำ และการใชง้ าน Line – Chat bot ด้วย Dialogflow

ข้ันตอนที่ 24 หลังจากนน้ั จะข้ึนต่างหนา้ น้ี ให้ทำการ Copy เลขของ Chanel ID มาวางไว้ท่ี Chanel ID
จากนัน้ เลื่อนลงไปจะเจอ Chanel secret ให้ Copy แลว้ นำไปใส่ที่ Chanel secret ดงั ตามรูปภาพ

รปู ภาพท่ี 1.24 ขั้นตอนท่ี 24 วิธีการทำ และการใชง้ าน Line – Chat bot ดว้ ย Dialogflow

13

ขั้นตอนท่ี 25 จากน้ันคลิกท่ีหัวขอ้ Messaging API

รูปภาพท่ี 1.25 ขั้นตอนที่ 25 วิธกี ารทำ และการใชง้ าน Line – Chat bot ดว้ ย Dialogflow

ขัน้ ตอนที่ 26 หลงั จากนัน้ ให้เราเล่อื นลงมาเจอกบั Webhook setting จากน้ันใหไ้ ป Copy ลงิ ค์ Webhook
ดังภาพ แลว้ นำมาใส่ ใน Webhook settings แล้วกด Update แลว้ จากน้ันกดคลกิ ที่ Use webhook

รปู ภาพที่ 1.26 ขนั้ ตอนท่ี 26 วิธกี ารทำ และการใชง้ าน Line – Chat bot ด้วย Dialogflow

14

ขั้นตอนที่ 27 เลอื่ นมาทห่ี วั ข้อ Auto – reply messages แลว้ กด Edit จากนัน้ ให้เรากดปิดทข่ี ้อความตอบ
กลับ อัตโนมตั ิ ตามดงั ภาพ

รูปภาพที่ 1.27 ขนั้ ตอนที่ 27 วธิ กี ารทำ และการใชง้ าน Line – Chat bot ด้วย Dialogflow

ขน้ั ตอนท่ี 28 ใหเ้ รากด Issue ท่ีหวั ข้อ channel access token แลว้ ทำการ Copy ข้อมูลในส่วนนี้นำไปใสใ่ น
channel access token

รปู ภาพที่ 1.28 ขั้นตอนที่ 28 วธิ ีการทำ และการใชง้ าน Line – Chat bot ดว้ ย Dialogflow

15

ขัน้ ตอนที่ 29 หากใส่ข้อมลู ทง้ั หมด ครบถ้วนแลว้ ให้กดไปที่ Stat

รปู ภาพท่ี 1.29 ขัน้ ตอนที่ 29 วิธกี ารทำ และการใชง้ าน Line – Chat bot ดว้ ย Dialogflow

ขั้นตอนที่ 30 จากน้นั รองสแกน QR Code เพอ่ื ที่จะแอดเพอ่ื นกบั บอทไลน์ หรอื ผา่ น ID กไ็ ด้

รูปภาพที่ 1.30 ขั้นตอนที่ 30 วธิ ีการทำ และการใชง้ าน Line – Chat bot ด้วย Dialogflow

16

ตวั อย่างตวั อย่างของการสรา้ งไลน์ Chatbot

ตารางที่ 1.1 ตวั อยา่ งโปรไฟล์ทจ่ี ดั ทำข้ึน และตัวอยา่ งข้อความถาม - ตอบ

ตวั อย่างของการสร้างไลน์ Chatbot
• โปรไฟล์ทจี่ ัดทำข้นึ

• ตัวอย่างข้อความการพิมพ์คำถาม-และคำตอบ

17

อา้ งอิง

อภิวัฒน์ วงศ์กณั หา. (20 กุมภาพันธ์ 2020). เขา้ ถึงได้จาก ครอู ภวิ ฒั น"์ สอนสร้างส่อื ":
https://www.youtube.com/watch?v=kM-eqXu5V0U