เพิ่ม Chat ลงในแอป AppSheet

1. ก่อนเริ่มต้น

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

สิ่งที่คุณจะได้เรียนรู้

  • วิธีนำแอปตัวอย่างจากเทมเพลตที่มีอยู่มาเปิดใช้แอปใน Chat
  • วิธีปรับแต่งลักษณะการทำงานของแอป Chat
  • วิธีเพิ่มแอปแชทไปยังพื้นที่แชทของ Workspace ที่มีอยู่
  • วิธีสร้างการทำงานอัตโนมัติในแชทที่ส่งข้อความไปยังพื้นที่ใน Chat

สิ่งที่คุณจะสร้าง

Codelab นี้จะแนะนำวิธีใช้แอปเทมเพลตที่มีอยู่ จากนั้นเปิดใช้ กำหนดค่า และเผยแพร่เป็นแอปแชท แล้วแสดงวิธีเพิ่มแอปแชทไปยังพื้นที่ทำงาน Chat ที่มีอยู่เพื่อออกอากาศข้อความแชทผ่านการทำงานอัตโนมัติ

สิ่งที่คุณต้องมี

  • สิทธิ์เข้าถึงสภาพแวดล้อมการพัฒนา AppSheet ( appsheet.com)

2. คัดลอกแอปเทมเพลตสินค้าคงคลังแบบง่าย

หากต้องการเริ่มต้นใช้งาน ให้คัดลอกแอปเทมเพลตสินค้าคงคลังแบบง่าย จากนั้นแอปนี้จะเปิดใช้แชทใน Codelab นี้

  1. ไปที่หน้าแรกของ AppSheet ( appsheet.com) แล้วคลิกสร้าง > แอป > เริ่มต้นด้วยเทมเพลต

สร้างแอปโดยใช้เทมเพลต

  1. ในการ์ดแอปเทมเพลตสินค้าคงคลังอย่างง่าย ให้คลิกคัดลอก

คลิก "คัดลอก" ในเทมเพลตพื้นที่โฆษณาแบบง่าย

  1. ในกล่องโต้ตอบโคลนแอป ให้ตั้งชื่อแอปเป็น Simple Inventory Chat

กล่องโต้ตอบโคลนแอป

ระบบจะสร้างสำเนาใหม่ของแอปเทมเพลตและโหลดลงในเครื่องมือแก้ไข AppSheet

คัดลอกเทมเพลตแอปสินค้าคงคลังอย่างง่ายในเครื่องมือแก้ไข AppSheet

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

การติดตั้งใช้งานแอป

3. สร้างและปรับแต่งแอป Chat ใหม่

ขั้นตอนถัดไปนี้แสดงวิธีสร้างแอป Chat ใหม่ในแอปพลิเคชัน AppSheet ปัจจุบัน

สร้างแอปใน Chat

  1. ไปที่หน้าการตั้งค่า Chat ใน Navigator ของ AppSheet เพื่อดูการตั้งค่า Chat

หน้าการตั้งค่า Chat ในเครื่องมือแก้ไข AppSheet

  1. หากต้องการเริ่มตั้งค่าแอป Chat ให้คลิกสร้าง
  2. ในกล่องโต้ตอบเปิดใช้ ให้คลิกถัดไปเพื่อดำเนินการต่อ

เปิดใช้รูปภาพกล่องโต้ตอบ

สำคัญ: ข้อความจะปรากฏขึ้นเพื่ออธิบายว่าใช้เวลา 2-3 นาทีในการสร้างแอป Chat อย่ารีเฟรชหน้านี้

ข้อความอธิบายว่าไม่ควรลบหน้าเว็บ

  1. เมื่อสร้างแอป Chat แล้ว หน้าปรับแต่งจะปรากฏขึ้น

ตอนนี้แอป Chat ได้รับการสร้างและเผยแพร่แล้ว ขั้นตอนการปรับแต่งต่อไปนี้เป็นขั้นตอนที่ไม่บังคับ

หน้าปรับแต่งแอปแชท

  1. คลิกข้อความแรก แล้วตั้งค่าข้อความเพื่อปรับแต่งข้อความแรกที่แสดงเมื่อแชทปรากฏขึ้น เพิ่มข้อความที่กำหนดเองที่คุณต้องการให้ปรากฏเมื่อแอป Chat แสดงผลเป็นครั้งแรก

การปรับแต่งข้อความ

  1. เลื่อนลงไปที่กำหนดค่าการดำเนินการ แล้วคลิกการดำเนินการ

กำหนดค่าหน้าการดำเนินการ

  1. ในเมนูการดำเนินการที่ปรากฏขึ้น ให้เลือกตัวเลือกแรก คำสั่ง Slash: เปิดมุมมองแอป

เมนูตามบริบทของการดำเนินการ

  1. ป้อนข้อมูลต่อไปนี้

มุมมองแอป

Inventory_log (เลือกจากเมนูแบบเลื่อนลง)

ชื่อ

/log

คำอธิบาย

View the inventory log

ตัวเลือกคำสั่งเครื่องหมายทับ

  1. คลิกถัดไปเพื่อดำเนินการต่อ

ยินดีด้วย ตอนนี้แอปใน Chat แรกจาก AppSheet พร้อมใช้งานแล้ว

หน้าจอการติดตั้งใช้งานแอป Chat

4. ติดตั้งแอป Chat

เมื่อติดตั้งใช้งานแอปแล้ว หากต้องการใช้แอป คุณจะต้องติดตั้งแอปในสภาพแวดล้อม Chat

หากต้องการติดตั้ง ให้ทำตามขั้นตอนถัดไปนี้

  1. เปิด Google Chat
  2. คลิกไอคอน + ทางด้านขวาของ Chat
  3. ค้นหาแอป Simple Inventory Chat

เพิ่มแอปแชทลงใน Chat

  1. ค้นหาแอปในผลการค้นหา แล้วคลิกเพื่อติดตั้ง

แอป Chat หลังการติดตั้งในหน้าต่าง Chat

หลังจากติดตั้งแล้ว แอป Chat จะส่งข้อความส่วนตัวพร้อมการ์ดเมนู

  1. หากต้องการทดสอบแอป ให้คลิกบันทึกสินค้าคงคลัง (หรือลิงก์อื่นๆ ในการ์ดแชท)

สินค้าคงคลังปัจจุบันจะแสดงในหน้าต่างแชท

แอปแชท Simple Inventory

  1. ไม่บังคับ: คลิกที่ลิงก์อื่น Items โปรดทราบว่าการดำเนินการนี้จะเปิดแอปในหน้าต่างใหม่ เนื่องจาก UI ของ Chat ไม่รองรับมุมมองรายการ

มุมมองรายการไม่รองรับในมุมมองแชท

  1. ไม่บังคับ: ทดลองใช้แอป Simple Inventory Chat เวอร์ชันแอป Chat เพิ่มเติม

5. เพิ่มแอป Chat ลงในพื้นที่ใน Chat

ขั้นตอนถัดไปนี้จะเพิ่มแอป Chat ลงในพื้นที่ใน Chat ซึ่งจะเป็นประโยชน์เมื่อคุณต้องการให้แอป Chat ออกอากาศไปยังกลุ่มคน

สร้างพื้นที่ใน Chat ใหม่

หากต้องการดำเนินการต่อ คุณต้องมีพื้นที่ใน Chat เพื่อใช้งาน

  1. ในหน้าต่าง Chat ที่ด้านซ้ายล่าง ให้คลิกไอคอน + ข้าง Spaces เพื่อเพิ่มพื้นที่ทำงานใหม่

เมนูตามบริบทของพื้นที่ใน Chat

  1. คลิกสร้างพื้นที่ทำงาน
  2. ในกล่องโต้ตอบ ให้ตั้งชื่อพื้นที่ทำงานใหม่ตามต้องการ ชื่อที่แนะนำคือ Inventory Chat Space เนื่องจาก Codelab นี้จะอ้างอิงถึงในภายหลัง

กล่องโต้ตอบสร้างพื้นที่ทำงาน

  1. คลิกสร้างเพื่อสร้างพื้นที่ทำงานใหม่ให้เสร็จ

เมื่อสร้างแล้ว พื้นที่แชทใหม่จะปรากฏที่มุมล่างซ้ายของหน้าต่าง Chat

UI ของพื้นที่ทำงาน

เพิ่มแอป Chat ลงในพื้นที่ใน Chat ใหม่

  1. หากต้องการเพิ่มแอป Chat ลงในพื้นที่ใน Chat ให้คลิกพื้นที่ดังกล่าว แล้วคลิกลูกศรลงทางด้านขวาของชื่อพื้นที่ใน Chat ซึ่งจะเรียกเมนูแบบเลื่อนลงตามบริบท
  2. คลิกแอปและการผสานรวม

แอปและการผสานรวม

กล่องโต้ตอบจะปรากฏขึ้นเพื่อให้คุณเพิ่มแอปไปยังพื้นที่ทำงานได้

  1. คลิกปุ่ม + เพิ่มแอป

เพิ่มแอปไปยังพื้นที่แชทของสินค้าคงคลัง

  1. ในกล่องโต้ตอบ ให้ค้นหาแอป Simple Inventory Chat แล้วคลิกเพิ่ม

เพิ่มแอปไปยังพื้นที่ใน Chat

เมื่อเพิ่มแอป Chat ลงในพื้นที่ทำงานเสร็จแล้ว แอปจะส่งข้อความไปยังพื้นที่ทำงาน

หน้าต่างแชทที่มีการเพิ่มแอปแชทใหม่

ตอนนี้คุณได้ติดตั้งแอป Chat ใหม่ในพื้นที่ทำงาน Chat แล้ว ให้กลับไปที่แอป Chat แล้วเพิ่มการทำงานอัตโนมัติเพื่อส่งข้อความไปยังพื้นที่ทำงาน Chat นี้

6. สร้างการทำงานอัตโนมัติของ Chat เพื่อส่งข้อความไปยังพื้นที่ใน Chat

ขั้นตอนถัดไปนี้แสดงวิธีเผยแพร่แอป Chat

  1. กลับไปที่แอปพลิเคชัน AppSheet แล้วเปิดหน้าการตั้งค่า Chat อีกครั้ง (หากยังไม่ได้เปิด)
  2. คลิกปรับแต่งเพื่อเปิดการตั้งค่าแอป Chat
  3. คลิกปุ่ม + การดำเนินการเพื่อเรียกเมนูตามบริบทสำหรับการดำเนินการในแชท

ปุ่มการทำงาน

  1. คลิกตัวเลือกส่งข้อความเมื่อข้อมูลเปลี่ยนแปลง ซึ่งจะสร้างการทำงานอัตโนมัติที่สมบูรณ์เพื่อส่งข้อความเมื่อมีการเปลี่ยนแปลงข้อมูล

เมนูตามบริบทของการดำเนินการ

การทำงานอัตโนมัติใหม่จะปรากฏในเครื่องมือแก้ไข AppSheet

สำคัญ: อย่าคลิกบันทึกที่มุมขวาบน คุณต้องกำหนดค่าการทำงานอัตโนมัติเพิ่มเติม

  1. คลิกกระบวนการส่งข้อความแชท

การทำงานอัตโนมัติของแชท

ซึ่งจะเปิดหน้าต่างการตั้งค่าทางด้านขวา

  1. ในส่วนเนื้อหาข้อความและรหัสพื้นที่ทำงาน ให้คลิกเพิ่ม

การเพิ่มพื้นที่ใน Chat ลงในการทำงานอัตโนมัติของ Chat

  1. คลิกตัวเลือกพื้นที่แชทของสินค้าคงคลังเพื่อกำหนดค่าการทำงานอัตโนมัติในการส่งข้อความไปยังพื้นที่แชทนี้
  2. อัปเดตข้อความเป็นอัปเดตตารางรายการแล้ว
  3. ในเมนูแบบเลื่อนลงสำหรับการตั้งค่าส่งมุมมองแอป (ไม่บังคับ) ให้เลือก Items_Detail

เนื้อหาข้อความควรเป็นฉบับสุดท้าย

การตั้งค่าเนื้อหาข้อความสุดท้าย

  1. คลิกบันทึกที่มุมขวาบนของโปรแกรมแก้ไข AppSheet

ตอนนี้แอป Chat ได้รับการกำหนดค่าให้ส่งข้อความไปยังพื้นที่ใน Chat แล้ว

7. ทดสอบการทำงานอัตโนมัติของ Chat

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

  1. ในหน้าต่างแสดงตัวอย่างของโปรแกรมแก้ไข AppSheet ให้คลิกไอคอนมือถือ 63e1499db148fde8.pngเพื่อแสดงแอปในมุมมองบนอุปกรณ์เคลื่อนที่ จากนั้นคลิกที่บันทึก เช่น Saw

แอปในหน้าต่างแสดงตัวอย่างบนอุปกรณ์เคลื่อนที่

  1. ในมุมมองรายละเอียดของระเบียน ให้คลิกไอคอนแก้ไข

มุมมองรายละเอียดการบันทึก

  1. เปลี่ยนคำอธิบายเป็นเลื่อยวงเดือนแบบไร้สาย

การแก้ไขคำอธิบายในบันทึก

  1. คลิกบันทึกในหน้าต่างแสดงตัวอย่าง ซึ่งจะทริกเกอร์ข้อความที่ส่งไปยังพื้นที่ใน Chat

คุณควรได้ยินเสียงแจ้งเตือนของ Chat เมื่อได้รับข้อความ

  1. กลับไปที่หน้าต่างแชท จากนั้นคลิกพื้นที่ทำงานแชทที่มุมขวาล่าง แล้วดูข้อความใหม่ อัปเดตตารางสินค้าแล้วพร้อมกับการ์ดแชท Items_Detail

UI ของ Chat ที่มีข้อความจากแอป Chat ปรากฏขึ้น

8. ขอแสดงความยินดี

คุณทำ Codelab ของแอปแชท AppSheet เสร็จแล้ว

อ่านเพิ่มเติม