สร้างแอป Google Chat ของ Dialogflow CX ที่เข้าใจและโต้ตอบด้วยภาษาธรรมชาติ

หน้านี้อธิบายวิธีสร้างแอป Google Chat ที่ทั้ง เข้าใจและตอบกลับด้วยภาษาธรรมชาติโดยใช้ Dialogflow คู่มือนี้ใช้ Dialogflow CX ซึ่งมี สามารถผสานรวมกับ Google Chat ได้โดยตรง คุณยังสามารถใช้ Dialogflow ES เพื่อสร้าง แอป Google Chat ของ Dialogflow ES ให้ติดตาม เวลา Dialogflow ES Google Chat

เช่น ลองพิจารณาแอปใน Chat ที่ช่วยผู้ใช้เช่า รถยนต์ ผู้ใช้อาจเขียนว่า "ฉันต้องการเช่ารถยนต์" แอปแชทอาจตอบกลับด้วยคำถามอย่างเช่น "คุณต้องการไปรับรถที่ไหน" ซึ่งเริ่มมีความคล้ายมนุษย์ การสนทนากับผู้ใช้ทั้งที่แอป Chat เข้าใจและตอบกลับด้วยเสียงพูดของมนุษย์ขณะจองรถเช่า

นี่เป็นเพียงตัวอย่างเดียว แอปใน Dialogflow Chat มีประโยชน์สำหรับทุกการใช้งาน ของการโต้ตอบประเภทต่างๆ หากต้องใช้เสียงพูดของมนุษย์ที่เป็นธรรมชาติ แอป Dialogflow Chat ตัวแทนที่สร้างไว้ล่วงหน้า ช่วยให้คุณเริ่มต้นใช้งานได้อย่างรวดเร็ว และแสดงสิ่งที่ Dialogflow ทำได้ เช่น

• จองเที่ยวบิน
• นัดหมายแพทย์
• สั่งอาหารให้จัดส่งถึงที่
• ตอบคำถามเกี่ยวกับแคตตาล็อกผลิตภัณฑ์ค้าปลีก เช่น สินค้า มีจำหน่ายในสีอื่นๆ

วัตถุประสงค์

• ตั้งค่าสภาพแวดล้อมของคุณ
• สร้างและทำให้ Agent ของ Dialogflow CX ใช้งานได้
• สร้างและติดตั้งใช้งานแอป Chat ซึ่งขับเคลื่อนโดย Agent ของ Dialogflow CX
• ทดสอบแอป Chat

ข้อกำหนดเบื้องต้น

• Google Workspace บัญชีที่มีสิทธิ์เข้าถึง Google Chat
• โปรเจ็กต์ Google Cloud
• ตรวจสอบว่าคุณเปิดการเรียกเก็บเงินสำหรับโปรเจ็กต์ที่อยู่ในระบบคลาวด์แล้ว ดูข้อมูล ฮาวทู ยืนยันสถานะการเรียกเก็บเงินของโปรเจ็กต์

สถาปัตยกรรม

แผนภาพต่อไปนี้แสดงสถาปัตยกรรมของ แอปแชทที่สร้างด้วย Dialogflow

ในแผนภาพก่อนหน้านี้ ผู้ใช้ที่โต้ตอบกับ Dialogflow แอป Chat มีขั้นตอนข้อมูลต่อไปนี้

1. ผู้ใช้ส่งข้อความใน Chat ไปยัง แอปแชท ทั้งในข้อความส่วนตัวหรือใน พื้นที่ใน Chat
2. Agent เสมือน Dialogflow ที่อยู่ใน Google Cloud จะได้รับ และประมวลผลข้อความเพื่อสร้างคำตอบ
3. อีกวิธีหนึ่งคือ เว็บฮุคของ Dialogflow Agent ของ Dialogflow จะโต้ตอบกับบริการของบุคคลที่สามได้ เช่น เป็นระบบการจัดการโปรเจ็กต์หรือเครื่องมือจำหน่ายตั๋ว
4. Agent ของ Dialogflow จะส่งคำตอบกลับไปยัง บริการแอปใน Chat ใน Chat
5. ระบบจะส่งคำตอบไปยังพื้นที่ใน Chat

ตั้งค่าสภาพแวดล้อม

1. ในคอนโซล Google Cloud ให้เปิดใช้ Google Chat API และ Dialogflow API

   เปิดใช้ API

2. ยืนยันว่าคุณเปิดใช้ API ใน โปรเจ็กต์ที่อยู่ในระบบคลาวด์ จากนั้นคลิกถัดไป

3. ยืนยันว่าคุณเปิดใช้ API ที่ถูกต้อง แล้วคลิกเปิดใช้

สร้าง Agent ของ Dialogflow CX

ต Agent ของ Dialogflow CX คือ Agent เสมือนที่จัดการการสนทนาหลายรายการพร้อมกัน กับผู้ใช้ปลายทางของคุณ เป็นโมดูลความเข้าใจภาษาธรรมชาติ เข้าใจความแตกต่างเล็กๆ น้อยๆ ของภาษามนุษย์ Dialogflow แปลข้อความของผู้ใช้ปลายทาง ข้อมูลที่มีโครงสร้างที่แอปและบริการของคุณ เข้าใจได้ คุณออกแบบและสร้าง Agent ของ Dialogflow เพื่อจัดการกับ การสนทนาที่จำเป็นสำหรับระบบของคุณ

ตัวแทนของ Dialogflow เป็นเหมือนตัวแทนศูนย์ให้บริการทางโทรศัพท์ คุณฝึกทั้งคู่ รับมือกับสถานการณ์การสนทนาที่คาดไว้ และการฝึกอบรมไม่จำเป็นต้อง โจ่งแจ้งเกินไป

วิธีสร้าง Agent ของ Dialogflow CX มีดังนี้

1. ในคอนโซล Dialogflow CX ให้เปิด Dialogflow CX Console คลิก เมนู menu > Dialogflow CX

   ไปที่คอนโซล Dialogflow CX

2. เลือกโปรเจ็กต์ Google Cloud หากต้องการค้นหาโปรเจ็กต์ คุณอาจต้องทำดังนี้ คลิกทั้งหมด แล้วค้นหาข้อความดังกล่าว

3. ตอนนี้ คุณจะมีตัวเลือกให้เลือกตัวแทนที่สร้างไว้ล่วงหน้า หรือ ก็สร้างได้ หากต้องการสำรวจตัวแทน รายละเอียดด้วยตัวเองในภายหลัง ให้เลือก ตัวแทนที่สร้างไว้ล่วงหน้า ซึ่งจะเป็นประโยชน์ในการดูข้อมูลเกี่ยวกับสิ่งที่ตัวแทนทำได้

   หากต้องการเลือก Agent ที่สร้างไว้ล่วงหน้า ให้ทำตามขั้นตอนต่อไปนี้

   1. คลิกใช้ Agent ที่สร้างไว้ล่วงหน้า

   2. เลือก Agent ที่สร้างไว้ล่วงหน้า สำหรับคู่มือนี้ ให้เลือก การเดินทาง: บริการรถเช่า

      ตัวแทนได้รับคะแนนในระดับเริ่มต้น ระดับกลางหรือขั้นสูงตามจำนวนฟีเจอร์ที่ตัวแทนใช้ และความซับซ้อนของตรรกะการสนทนา การเลือก Agent ระดับกลางหรือขั้นสูงอาจต้องใช้เฉพาะตัวแทน การกำหนดเองและการตั้งค่าต่างๆ ซึ่งรวมถึงการเปิดใช้ฟีเจอร์และ API ใน คอนโซล Google Cloud

   3. คลิกนำเข้าในฐานะตัวแทน

   หากต้องการสร้างตัวแทนของคุณเอง ให้ทำตามขั้นตอนต่อไปนี้

   1. คลิกสร้างตัวแทน
   2. เลือกสร้างอัตโนมัติเพื่อสร้าง ตัวแทนพื้นที่เก็บข้อมูล หรือเลือกสร้างของคุณเองเพื่อสร้าง Agent ประเภทอื่นๆ

   ดูคำแนะนำโดยละเอียดเกี่ยวกับขั้นตอนการสร้างตัวแทนได้ที่ สร้าง Agent ของ Dialogflow CX

4. กำหนดการตั้งค่า Agent พื้นฐาน

   1. ป้อนชื่อที่แสดงในชื่อที่แสดง
   2. เลือกสถานที่ที่คุณต้องการ location ถ้าต้องการเปลี่ยนการตั้งค่าขั้นสูง การตั้งค่าตำแหน่ง คลิกแก้ไข
   3. เลือกเขตเวลาที่ต้องการ
   4. เลือกภาษาเริ่มต้นสำหรับตัวแทนของคุณ หลังจากสร้างตัวแทนแล้ว คุณจะเปลี่ยนภาษาเริ่มต้นสำหรับตัวแทนไม่ได้

5. คลิกสร้าง Dialogflow CX เริ่มสร้าง Agent จากนั้น จะแสดงขั้นตอนการเริ่มต้นเริ่มต้นของ Agent

6. คุณสามารถปรับแต่งตัวแทนได้ตามต้องการ สำหรับคำแนะนำแบบทีละขั้นเกี่ยวกับ Agent โดยละเอียด ขั้นตอนการปรับแต่ง ให้ดูที่ สร้าง Agent ของ Dialogflow CX

7. แนวทางปฏิบัติแนะนำคือทดสอบตัวแทนโดยทำดังนี้

   1. คลิกทดสอบตัวแทน
   2. เลือกทดสอบ Agent ในสภาพแวดล้อม
   3. ในสภาพแวดล้อม ให้เลือกฉบับร่าง
   4. ในโฟลว์ ให้เลือกขั้นตอนการเริ่มต้นเริ่มต้น
   5. ในหน้า ให้เลือกหน้าเริ่มต้น
   6. ในแถบเขียน Talk to Agent ให้พิมพ์ Hello แล้วกด Enter ตัวแทนตอบกลับด้วยการแนะนำตัวเอง
   7. ทําการทดสอบโดยให้มีตัวอย่างการสนทนาทดสอบ

8. สร้าง Agent ของ Dialogflow CX แล้ว กลับไปที่คอนโซล Dialogflow CX คลิกเมนู menu > Dialogflow CX

   ไปที่คอนโซล Dialogflow CX

9. ในส่วน Agent ให้คลิก more_vert > คัดลอกชื่อ บันทึกชื่อนี้เป็น คุณใช้เมื่อกำหนดค่าแอป Chat

สร้างแอปใน Chat และเชื่อมต่อกับตัวแทน Dialogflow

หลังจากสร้าง Agent ของ Dialogflow CX แล้ว ให้ทำตามขั้นตอนต่อไปนี้เพื่อเปลี่ยนให้เป็น Agent แอปแชท:

1. ไปที่ Google Chat API ในคอนโซล Google Cloud ค้นหา "Google Chat API" และ คลิก Google Chat API แล้วคลิกจัดการ

   ไปที่ Chat API

2. คลิกการกำหนดค่า แล้วตั้งค่าแอป Chat ดังนี้

   1. ป้อน Dialogflow App ในชื่อแอป
   2. ใน URL รูปโปรไฟล์ ให้ป้อน https://developers.google.com/workspace/chat/images/quickstart-app-avatar.png
   3. ในคำอธิบาย ให้ป้อน Responds to real human conversation
   4. ในส่วนฟังก์ชัน ให้เลือกรับข้อความแบบ 1:1 และ เข้าร่วมพื้นที่ทำงานและการสนทนากลุ่ม
   5. ในส่วนการตั้งค่าการเชื่อมต่อ ให้เลือก Dialogflow
   6. เลือก Dialogflow CX ในส่วนการตั้งค่า Dialogflow
   7. วาง Agent ของ Dialogflow CX ในชื่อทรัพยากรของ Agent หรือสภาพแวดล้อม ชื่อที่คุณคัดลอกไว้ท้ายชื่อ สร้าง Agent ของ Dialogflow CX
   8. ทำให้แอป Chat นี้ใช้งานได้กับบุคคลหรือกลุ่มบุคคลบางกลุ่ม ในโดเมนของคุณ และป้อนที่อยู่อีเมล
   9. เลือกบันทึกข้อผิดพลาดในการบันทึกในส่วนบันทึก

3. คลิกบันทึก

แอป Chat พร้อมที่จะรับและตอบกลับ ข้อความใน Chat

ทดสอบแอป Chat

ทดสอบแอป Chat ของ Dialogflow CX โดยการรับส่งข้อความใน Google Chat

1. เปิด Google Chat โดยใช้บัญชี Google Workspace ที่คุณ ที่ให้ไว้เมื่อคุณเพิ่มตัวเองเป็นผู้ทดสอบที่เชื่อถือได้

   ไปที่ Google Chat

2. คลิก add แชทใหม่
3. ในช่องเพิ่มผู้คนอย่างน้อย 1 คน ให้พิมพ์ชื่อ แอป Chat

4. เลือกแอปใน Chat จากผลการค้นหา โดยตรง ข้อความจะเปิดขึ้น

5. ในข้อความส่วนตัวใหม่ที่มีแอป ให้พิมพ์ Hello และ กด enter

   แอป Dialogflow Chat ตอบสนองด้วยการแนะนำ โดยตรง

6. ดำเนินการทดสอบให้เสร็จสิ้นโดยให้มี ตัวอย่างการสนทนาทดสอบ

ตัวอย่างบทสนทนาทดสอบ

ในการทดสอบแอป Dialogflow CX Chat ใน คอนโซล Dialogflow CX หรือใน Google Chat ให้สนทนาต่อไปนี้ คำอธิบายจะช่วยให้คุณเข้าใจวิธีที่ Agent ของ Dialogflow CX ตีความ ภาษาธรรมชาติของผู้ใช้ และสร้างการตอบสนองด้วยภาษาธรรมชาติของตนเองที่ แต่ละขั้นตอนในการสนทนา ตัวอย่างบทสนทนานี้อิงตาม Agent ที่สร้างไว้ล่วงหน้า ซึ่งเรียกว่าการเดินทาง: บริการรถเช่า

ส่งข้อความการ์ดจาก Dialogflow

Dialogflow จะตอบได้ด้วย text หรือ การ์ดข้อความ วิธีตอบกลับด้วยการ์ด โปรดระบุ เพย์โหลดที่กำหนดเอง ใน Fulfillment

JSON ต่อไปนี้แสดงวิธีส่งข้อความการ์ดเป็นเพย์โหลดที่กำหนดเองใน การดำเนินการตามคำสั่งซื้อ:

{
  'cardsV2': [{
    'cardId': 'createCardMessage',
    'card': {
      'header': {
        'title': 'A card message!',
        'subtitle': 'Sent from Dialogflow',
        'imageUrl': 'https://developers.google.com/chat/images/chat-product-icon.png',
        'imageType': 'CIRCLE'
      },
      'sections': [
        {
          'widgets': [
            {
              'buttonList': {
                'buttons': [
                  {
                    'text': 'Read the docs!',
                    'onClick': {
                      'openLink': {
                        'url': 'https://developers.google.com/workspace/chat'
                      }
                    }
                  }
                ]
              }
            }
          ]
        }
      ]
    }
  }]
}

ข้อจำกัดและข้อควรพิจารณา

• เหตุการณ์การโต้ตอบใน Chat มีการสนับสนุนที่จำกัดและข้อควรพิจารณาบางประการมีดังนี้
  • ดังต่อไปนี้ ประเภทเหตุการณ์การโต้ตอบ มีดังนี้
    • MESSAGE
    • ADDED_TO_SPACE
    • CARD_CLICKED
  • สำหรับเหตุการณ์ MESSAGE หรือ ADDED_TO_SPACE อินพุตการค้นหาที่ส่งไปยัง Agent ของ Dialogflow สอดคล้องกับค่าของช่อง argumentText ใน ข้อความแชท หากข้อความมี คำสั่ง slash ซึ่งเป็นค่าของ จะใช้ฟิลด์ text แทน
  • สำหรับเหตุการณ์ CARD_CLICKED ระบบจะอินพุตการค้นหาที่ส่งไปยัง Agent ของ Dialogflow มีรูปแบบเป็น CARD_CLICKED.functionName โดยที่ functionName ตรงกับค่าในฟิลด์ function ของฟิลด์ ออบเจ็กต์การดำเนินการ แนบอยู่กับองค์ประกอบของการ์ดแบบอินเทอร์แอกทีฟ (เช่น ปุ่ม)
  • เพย์โหลด JSON แบบเต็มของเหตุการณ์การโต้ตอบใน Chat แต่ละรายการ จะส่งไปยัง Dialogflow เป็นเพย์โหลดที่กำหนดเองในพารามิเตอร์การค้นหา และ สามารถเข้าถึงได้ด้วย เว็บฮุคของ Dialogflow ด้วยการค้นหาค่าในช่อง WebhookRequest.payload
• ข้อควรพิจารณาในการตอบสนองต่อ คำสั่งเครื่องหมายทับและ การรับข้อมูลจากการ์ดหรือกล่องโต้ตอบ:
  • เมื่อแอปใน Dialogflow ของ Chat ได้รับข้อความที่มีเครื่องหมายทับ อินพุตของคำค้นหาจะมีเฉพาะค่าของช่อง text เท่านั้น ช่อง text จะเริ่มต้นด้วยชื่อของคําสั่งเครื่องหมายทับ (เช่น /command) ซึ่งใช้เพื่อกำหนดค่า Intent ของ Agent ของ Dialogflow ได้ เพื่อตรวจหาคำสั่งเครื่องหมายทับ
  • หาก Agent ของ Dialogflow ต้องประมวลผล เพย์โหลด JSON ของเหตุการณ์การโต้ตอบ Chat สามารถทำได้โดยใช้ เว็บฮุคของ Dialogflow เพื่อตรวจสอบเพย์โหลดที่กำหนดเองในพารามิเตอร์การค้นหา
  • หากต้องการแสดงกล่องโต้ตอบจาก Dialogflow Agent ให้ตอบกลับด้วยเพย์โหลด JSON ที่กำหนดเองรายการเดียวที่ มีข้อความที่มี DIALOG การตอบกลับการดำเนินการ
  • Agent ของ Dialogflow จะตรวจจับข้อมูลที่ป้อนจากการ์ดเพื่อประมวลผลข้อมูลที่ป้อนจากการ์ด Intent ที่ขึ้นต้นด้วยข้อความ CARD_CLICKED และตอบกลับด้วย เพย์โหลด JSON ที่กำหนดเองรายการเดียวที่มี action
• ไม่รองรับตัวอย่างลิงก์
• หาก Agent ของ Dialogflow ตอบกลับด้วยข้อความเดียว ข้อความ จะถูกส่งไปยัง Google Chat พร้อมกัน หาก Agent ของ Dialogflow ตอบสนอง ที่มีหลายข้อความ ระบบจะส่งข้อความทั้งหมดไปยัง Chat แบบไม่พร้อมกันโดยการเรียกใช้ create ในทรัพยากร spaces.messages ใน Chat API ได้ 1 ครั้งสำหรับแต่ละเมธอด
• เมื่อใช้การผสานรวม Dialogflow CX กับ Chat ต้องตั้งค่า Agent ของ Dialogflow และแอป Chat ในโปรเจ็กต์ Google Cloud เดียวกัน หากต้องการตั้งค่า Dialogflow และ Chat ในโปรเจ็กต์ Cloud อื่นๆ ตั้งค่าเซิร์ฟเวอร์ตัวกลางเพื่ออำนวยความสะดวกในการเชื่อมต่อ หากต้องการทราบวิธีการ ดูสิ่งนี้ ตัวอย่างการผสานรวม Chat สำหรับ Dialogflow CX ใน GitHub

แก้ปัญหา

เมื่อแอป Google Chat หรือ card จะแสดงผลข้อผิดพลาด อินเทอร์เฟซ Chat แสดงข้อความว่า "เกิดข้อผิดพลาด" หรือ "ไม่สามารถดำเนินการตามคำขอของคุณ" บางครั้ง UI ของ Chat ไม่แสดงข้อความแสดงข้อผิดพลาดใดๆ แต่แอป Chat หรือ ทำให้เกิดผลลัพธ์ที่ไม่คาดคิด เช่น ข้อความในการ์ดอาจ ปรากฏขึ้น

แม้ว่าข้อความแสดงข้อผิดพลาดอาจไม่แสดงใน UI ของแชท มีข้อความแสดงข้อผิดพลาดและข้อมูลบันทึกที่สื่อความหมายเพื่อช่วยคุณแก้ไขข้อผิดพลาด เมื่อมีการเปิดข้อผิดพลาดในการบันทึกสำหรับแอป Chat หากต้องการความช่วยเหลือในการดู การแก้ไขข้อบกพร่องและการแก้ไขข้อผิดพลาด โปรดดู แก้ปัญหาข้อผิดพลาดของ Google Chat

ล้างข้อมูล

เพื่อเลี่ยงไม่ให้เกิดการเรียกเก็บเงินกับบัญชี Google Cloud ของคุณตาม ซึ่งใช้ในบทแนะนำนี้ เราขอแนะนำให้คุณลบ โปรเจ็กต์ที่อยู่ในระบบคลาวด์

1. ในคอนโซล Google Cloud ให้ไปที่หน้าจัดการทรัพยากร คลิก เมนู menu > IAM และ ผู้ดูแลระบบ > จัดการทรัพยากร

   ไปที่เครื่องมือจัดการทรัพยากร

2. ในรายการโปรเจ็กต์ ให้เลือกโปรเจ็กต์ที่ต้องการลบ แล้วคลิก ลบ delete
3. ในกล่องโต้ตอบ ให้พิมพ์รหัสโปรเจ็กต์แล้วคลิกปิดเครื่องเพื่อลบ ให้กับโครงการ

หัวข้อที่เกี่ยวข้อง

• Dialogflow CX ใช้เวลา เครื่องควบคุมสถานะ แนวทางการออกแบบ Agent ของ Dialogflow ซึ่งจะทำให้คุณเข้าใจ การควบคุมการสนทนา ประสบการณ์ของผู้ใช้ปลายทางที่ดีขึ้น และ เวิร์กโฟลว์การพัฒนา เมื่อสร้าง Dialogflow ขอแนะนําให้ใช้ Dialogflow CX ในแอปแชท
  • โปรดดูข้อมูลเพิ่มเติมเกี่ยวกับการสร้างและการกำหนดค่า Agent ที่ Agent ของ Dialogflow CX
  • สำหรับคำแนะนำโดยละเอียดเกี่ยวกับวิธีสร้างและกำหนดค่า ตัวแทนให้ดู สร้าง Agent ของ Dialogflow CX
  • code Codelab: ตัวอย่างวิธีสร้างข้อมูล Dialogflow CX ตัวแทนร้านค้า ดูแอป Chat ความรู้จาก Codelab สร้างแอปสำหรับ Google Chat ด้วย Gemini
  • code Codelab: ตัวอย่างวิธีสร้าง Dialogflow CX ตัวแทนการสนทนา โปรดดูความคิดเห็นในแอป Chat จาก Codelab สร้างแอปสำหรับ Google Chat ด้วย Gemini
• Dialogflow ES เป็นอีกวิธีในการใช้ Dialogflow กับแอป Chat