ขยาย UI ของ Google Workspace

หน้านี้จะอธิบายตัวเลือกในการขยายอินเทอร์เฟซผู้ใช้ (UI) ของ Google Workspace คุณขยาย UI ของ Google Workspace ได้หลายเหตุผล ดังนี้

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

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

ภาพรวมของตัวเลือกในการขยาย UI ของ Google Workspace

ตารางต่อไปนี้แสดงตัวเลือกในการขยาย UI ของ Google Workspace และเปรียบเทียบตัวเลือกเหล่านี้ตามลักษณะต่อไปนี้

• แอปที่ขยาย: แสดงรายการแอป Google Workspace ที่คุณขยายได้ด้วยตัวเลือกที่ระบุ
• ตัวเลือกการเขียนโค้ด: แสดงวิธีสร้าง ซึ่งรวมถึงวิธีต่อไปนี้
  • AppSheet: แพลตฟอร์มการพัฒนาแอปพลิเคชันซึ่งไม่จำเป็นต้องเขียนโค้ด
  • Apps Script: แพลตฟอร์มการพัฒนาแบบ Low-Code บนระบบคลาวด์ที่ใช้ JavaScript
  • Full dev: แพลตฟอร์มเทคโนโลยีของคุณเองที่รองรับภาษาการเขียนโค้ดที่ต้องการ
• เฟรมเวิร์ก UI: ระบุประเภทเฟรมเวิร์ก UI ที่คุณใช้สร้างแต่ละตัวเลือกได้ ซึ่งรวมถึงตัวเลือกต่อไปนี้
  • อิงตามการ์ด: อินเทอร์เฟซการ์ดคือวิดเจ็ตและการ์ดที่กําหนดไว้ล่วงหน้าซึ่งสร้างขึ้นด้วย Card Service โดยใช้ Apps Script หรือโดยการแสดงผล JSON ที่มีการจัดรูปแบบอย่างถูกต้องเพื่อแสดงผลการ์ดด้วยสแต็กเทคโนโลยีที่ต้องการ (นักพัฒนาซอฟต์แวร์แบบเต็ม) อินเทอร์เฟซแบบการ์ดไม่จำเป็นต้องมีความรู้เรื่อง HTML หรือ CSS และทำงานได้ดีทั้งในไคลเอ็นต์เดสก์ท็อปและอุปกรณ์เคลื่อนที่
  • HTML: Apps Script มีบริการ HTML สำหรับการพัฒนาหน้าเว็บที่โต้ตอบกับฟังก์ชัน Apps Script ฝั่งเซิร์ฟเวอร์ได้ อินเทอร์เฟซที่พัฒนาด้วยบริการ HTML นั้นปรับแต่งได้สูง แต่ต้องดำเนินการด้วยตนเองมากกว่าเพื่อสร้างประสบการณ์การใช้งานที่ยอดเยี่ยม
  • iframe: iframe จะฝังเนื้อหาภายนอกลงใน Google Workspace และเสนอการปรับแต่งอินเทอร์เฟซผู้ใช้ได้มากที่สุด

ตารางต่อไปนี้แสดงคําอธิบายของแต่ละตัวเลือก

ส่วนเสริมของ Google Workspace

ส่วนเสริมของ Google Workspace เป็นแอปพลิเคชันที่ผสานรวมกับแอป Google Workspace ส่วนเสริมของ Google Workspace สามารถขยายความสามารถของแอป Google Workspace ได้หลายแอป ส่วนใหญ่แอปจะเปิดในแถบด้านข้างจากภายในแอป Google Workspace ที่ขยาย

ดูเอกสารประกอบเกี่ยวกับส่วนเสริมของ Google Workspace

ตัวเลือกการเขียนโค้ด

ขยายแอปต่อไปนี้

เฟรมเวิร์ก UI ที่พร้อมใช้งาน

---

ตัวอย่างลิงก์และชิปอัจฉริยะ | ส่วนเสริมของ Google Workspace

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

คุณสามารถเพิ่มตัวอย่างลิงก์ไปยังส่วนเสริม Google Workspace ที่มีอยู่ หรือสร้างส่วนเสริม Google Workspace แยกต่างหากสำหรับตัวอย่างลิงก์โดยเฉพาะ

ดูเอกสารประกอบเกี่ยวกับตัวอย่างลิงก์และชิปอัจฉริยะ

ตัวเลือกการเขียนโค้ด

ขยายแอปต่อไปนี้

เฟรมเวิร์ก UI ที่พร้อมใช้งาน

---

อีเมลฉบับร่าง | ส่วนเสริมของ Google Workspace

ส่วนเสริมของ Google Workspace ที่ขยายความสามารถของ Gmail สามารถแสดงอินเทอร์เฟซที่กําหนดเองได้เมื่อผู้ใช้เขียนข้อความใหม่หรือตอบกลับข้อความที่มีอยู่ หากต้องการใช้อินเทอร์เฟซนี้ ผู้ใช้จะต้องเปิดส่วนเสริมจากภายในฉบับร่างอีเมลที่ด้านล่างของฉบับร่างหรือในเมนูmore_vert ตัวเลือกเพิ่มเติม

ดูเอกสารประกอบเกี่ยวกับอีเมลฉบับร่าง

ตัวเลือกการเขียนโค้ด

ขยายแอปต่อไปนี้

เฟรมเวิร์ก UI ที่พร้อมใช้งาน

---

เวทีหลักและแผงด้านข้างของการประชุม | ส่วนเสริมของ Google Workspace

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

ส่วนเสริมของ Meet จะไม่ใช้ UI เฟรมเวิร์กการ์ด ซึ่งแตกต่างจากส่วนเสริมอื่นๆ ของ Google Workspace แต่ให้ฝังแอปโดยใช้ iframe แทน

ดูเอกสารประกอบ SDK ของส่วนเสริม Meet

ตัวเลือกการเขียนโค้ด

ขยายแอปต่อไปนี้

เฟรมเวิร์ก UI ที่มีให้บริการ

---

การประชุมในปฏิทิน | ส่วนเสริมของ Google Workspace

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

ดูเอกสารประกอบเกี่ยวกับการประชุมในปฏิทิน

ตัวเลือกการเขียนโค้ด

ขยายแอปต่อไปนี้

เฟรมเวิร์ก UI ที่พร้อมใช้งาน

ใช้ UI ที่มีอยู่

---

ส่วนเสริมเครื่องมือแก้ไข

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

คุณใช้อินเทอร์เฟซต่อไปนี้สำหรับส่วนเสริมของเครื่องมือแก้ไขได้

• แถบด้านข้างข้างแอปพลิเคชันที่ขยาย
• กล่องโต้ตอบวางซ้อนแอป จะขยาย
• รายการเมนูที่เรียกใช้สคริปต์
• ฟังก์ชันที่กำหนดเองในสเปรดชีต Google ชีต

ดูเอกสารประกอบเกี่ยวกับส่วนเสริมของเครื่องมือแก้ไข

ตัวเลือกการเขียนโค้ด

ขยายแอปต่อไปนี้

เฟรมเวิร์ก UI ที่พร้อมใช้งาน

---

แอปแชท

แอปใน Chat จะนำทรัพยากรและบริการต่างๆ มาไว้ใน Chat คุณออกแบบแอปใน Chat ให้โต้ตอบกับผู้ใช้ได้หลายวิธี ดังนี้

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

ดูเอกสารประกอบของแอปใน Chat

ตัวเลือกการเขียนโค้ด

ขยายแอปต่อไปนี้

เฟรมเวิร์ก UI ที่มีให้บริการ

---

ฟังก์ชันที่กำหนดเอง

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

ดูเอกสารประกอบเกี่ยวกับฟังก์ชันที่กำหนดเอง

ตัวเลือกการเขียนโค้ด

ขยายแอปต่อไปนี้

เฟรมเวิร์ก UI ที่มีให้บริการ

ใช้ UI ที่มีอยู่

---

มาโคร

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

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

ดูเอกสารประกอบเกี่ยวกับมาโคร

ตัวเลือกการเขียนโค้ด

ขยายแอปต่อไปนี้

เฟรมเวิร์ก UI ที่มีให้บริการ

ใช้ UI ที่มีอยู่

---

เมนู กล่องโต้ตอบ และแถบด้านข้างที่กำหนดเอง

คุณสามารถเพิ่มเมนูที่กำหนดเอง พรอมต์ การแจ้งเตือน รวมถึงกล่องโต้ตอบและแถบด้านข้างที่ใช้ HTML ลงในไฟล์ในเอกสาร ชีต สไลด์ และฟอร์ม เมนูที่กำหนดเองจะปรากฏข้างเมนูเริ่มต้นของแอปที่ขยาย โดยปกติแล้ว กล่องโต้ตอบ แถบด้านข้าง พรอมต์ และการแจ้งเตือนจะเปิดใช้งานโดยการดําเนินการของผู้ใช้ เช่น การคลิกรายการเมนู หรือโดยทริกเกอร์ เช่น ทริกเกอร์ที่ทริกเกอร์โดยเหตุการณ์

ดูเอกสารประกอบเกี่ยวกับเมนู กล่องโต้ตอบ และแถบด้านข้างที่กำหนดเอง

ตัวเลือกการเขียนโค้ด

ขยายแอปต่อไปนี้

เฟรมเวิร์ก UI ที่พร้อมใช้งาน

---

แอปไดรฟ์

หากแอปรองรับไฟล์ในไดรฟ์ คุณจะผสานรวมกับอินเทอร์เฟซผู้ใช้ของไดรฟ์เพื่อแสดงแอปเป็นตัวเลือกในการสร้างหรือเปิดไฟล์ได้ แอปของคุณจะปรากฏในเมนูใหม่ > เพิ่มเติม และเมนูเปิดด้วยเมื่อผู้ใช้คลิกขวาที่ไฟล์ในไดรฟ์ เมื่อผู้ใช้เลือกแอปของคุณจากเมนูใดเมนูหนึ่ง แอปจะเปิดขึ้นในหน้าต่างใหม่

ดูเอกสารประกอบของแอปไดรฟ์

ตัวเลือกการเขียนโค้ด

ขยายแอปต่อไปนี้

เฟรมเวิร์ก UI ที่มีให้บริการ

ใช้ UI ที่มีอยู่

---

ส่วนเสริมของ Google Classroom

ส่วนเสริมของ Google Classroom ช่วยให้นักการศึกษาสร้างไฟล์แนบในชั้นเรียน งานประกาศ หรือสื่อการเรียนการสอนของชั้นเรียนได้ ไฟล์แนบเหล่านี้จะเปิดเนื้อหาของบุคคลที่สามใน iframe ใน Classroom ไฟล์ iframe จะเปิด URL แยกต่างหากโดยขึ้นอยู่กับประเภทผู้ใช้และบริบทของ Classroom

ดูเอกสารประกอบเกี่ยวกับส่วนเสริมของ Classroom

ตัวเลือกการเขียนโค้ด

ขยายแอปต่อไปนี้

เฟรมเวิร์ก UI ที่พร้อมใช้งาน

---