หน้านี้จะอธิบายตัวเลือกในการขยายอินเทอร์เฟซผู้ใช้ (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 และเสนอการปรับแต่งอินเทอร์เฟซผู้ใช้ได้มากที่สุด
ตารางต่อไปนี้แสดงคําอธิบายของแต่ละตัวเลือก
| สิ่งที่คุณสร้างได้ | Preview | แอปขยายการให้บริการ | ตัวเลือกการเขียนโค้ด | UI แบบการ์ด | UI ของ HTML | UI ของ iframe |
|---|---|---|---|---|---|---|
| ส่วนเสริมของ Google Workspace |
|
Gmail  ไดรฟ์
ปฏิทิน
เอกสาร
ชีต
สไลด์ |
Apps Script
นักพัฒนาซอฟต์แวร์
|
|||
| ตัวอย่างลิงก์และชิปอัจฉริยะ | ส่วนเสริมของ Google Workspace |
|
เอกสาร
ชีต
สไลด์
|
AppSheet
Apps Script
นักพัฒนาซอฟต์แวร์
|
|||
| อีเมลฉบับร่าง | ส่วนเสริมของ Google Workspace |
|
Gmail |
Apps Script
นักพัฒนาซอฟต์แวร์
|
|||
| เวทีหลักและแผงด้านข้างของการประชุม | ส่วนเสริมของ Google Workspace |
|
 Meet
|
นักพัฒนาซอฟต์แวร์
|
|||
| การประชุมในปฏิทิน | ส่วนเสริมของ Google Workspace |
|
ปฏิทิน
|
Apps Script
|
ใช้ UI ที่มีอยู่ |
||
| ส่วนเสริมสำหรับโปรแกรมแก้ไข |
|
เอกสาร
ชีต
สไลด์
แบบฟอร์ม |
Apps Script
|
|||
| แอป Google Chat |
|
แชท
|
AppSheet
Apps Script
นักพัฒนาซอฟต์แวร์
|
|||
| ฟังก์ชันที่กําหนดเอง |
|
ชีต
|
Apps Script
|
ใช้ UI ที่มีอยู่ |
||
| มาโคร |
|
ชีต
|
Apps Script
|
ใช้ UI ที่มีอยู่ |
||
| เมนู กล่องโต้ตอบ และแถบด้านข้างที่กำหนดเอง |
|
เอกสาร
ชีต
สไลด์
แบบฟอร์ม |
Apps Script
|
|||
| แอป Google ไดรฟ์ |
|
ไดรฟ์
|
นักพัฒนาซอฟต์แวร์
|
ใช้ UI ที่มีอยู่ |
||
| ส่วนเสริมของ Google Classroom |
|
 Classroom
|
นักพัฒนาซอฟต์แวร์
|
|||
ส่วนเสริมของ Google Workspace
ส่วนเสริมของ Google Workspace เป็นแอปพลิเคชันที่ผสานรวมกับแอป Google Workspace ส่วนเสริมของ Google Workspace สามารถขยายความสามารถของแอป Google Workspace ได้หลายแอป ส่วนใหญ่แอปจะเปิดในแถบด้านข้างจากภายในแอป Google Workspace ที่ขยาย
ดูเอกสารประกอบเกี่ยวกับส่วนเสริมของ Google Workspace
เผยแพร่ได้
ตัวเลือกการเขียนโค้ด
Apps Script
นักพัฒนาซอฟต์แวร์
ขยายแอปต่อไปนี้
Gmail
ไดรฟ์
ปฏิทิน
เอกสาร
ชีต
สไลด์
เฟรมเวิร์ก UI ที่พร้อมใช้งาน
เฟรมเวิร์กการ์ด
ตัวอย่างลิงก์และชิปอัจฉริยะ | ส่วนเสริมของ Google Workspace
ส่วนเสริม Google Workspace ที่ขยายความสามารถของเอกสารสามารถสร้างตัวอย่างลิงก์ที่กำหนดเองจากบริการของบุคคลที่สาม เช่นเดียวกับชิปอัจฉริยะที่ Google เอกสารสร้างขึ้นสำหรับการพูดถึงบุคคล ไฟล์ กิจกรรมในปฏิทิน หรือเอนทิตีอื่นๆ ภายในแอปพลิเคชัน Google Workspace ส่วนเสริมสามารถสร้างชิปอัจฉริยะสำหรับลิงก์ของบุคคลที่สามและแสดงการ์ดตัวอย่างเมื่อมีคนวางเมาส์เหนือชิป
คุณสามารถเพิ่มตัวอย่างลิงก์ไปยังส่วนเสริม Google Workspace ที่มีอยู่ หรือสร้างส่วนเสริม Google Workspace แยกต่างหากสำหรับตัวอย่างลิงก์โดยเฉพาะ
ดูเอกสารประกอบเกี่ยวกับตัวอย่างลิงก์และชิปอัจฉริยะ
เผยแพร่ได้
ตัวเลือกการเขียนโค้ด
AppSheet
Apps Script
นักพัฒนาซอฟต์แวร์
ขยายแอปต่อไปนี้
เอกสาร
ชีต
สไลด์
เฟรมเวิร์ก UI ที่พร้อมใช้งาน
เฟรมเวิร์กการ์ด
อีเมลฉบับร่าง | ส่วนเสริมของ Google Workspace
ส่วนเสริมของ Google Workspace ที่ขยายความสามารถของ Gmail สามารถแสดงอินเทอร์เฟซที่กำหนดเองได้เมื่อผู้ใช้เขียนข้อความใหม่หรือตอบกลับข้อความที่มีอยู่ หากต้องการใช้อินเทอร์เฟซนี้ ผู้ใช้จะต้องเปิดส่วนเสริมจากภายในฉบับร่างอีเมลที่ด้านล่างของฉบับร่างหรือในเมนู ตัวเลือกเพิ่มเติม
ดูเอกสารประกอบเกี่ยวกับอีเมลฉบับร่าง
เผยแพร่ได้
ตัวเลือกการเขียนโค้ด
Apps Script
นักพัฒนาซอฟต์แวร์
ขยายแอปต่อไปนี้
Gmail
เฟรมเวิร์ก UI ที่พร้อมใช้งาน
เฟรมเวิร์กการ์ด
เวทีหลักและแผงด้านข้างของการประชุม | ส่วนเสริมของ Google Workspace
ส่วนเสริม Google Workspace ที่ขยาย Meet ช่วยให้คุณฝังแอปลงในเวทีหลักหรืออินเทอร์เฟซแผงด้านข้างของการประชุมได้ ซึ่งผู้ใช้จะค้นพบ แชร์ และทำงานร่วมกันในแอปของคุณได้โดยไม่ต้องออกจาก Meet
ส่วนเสริมของ Meet จะไม่ใช้ UI เฟรมเวิร์กการ์ด ซึ่งแตกต่างจากส่วนเสริมอื่นๆ ของ Google Workspace แต่ให้ฝังแอปโดยใช้ iframe แทน
ดูเอกสารประกอบ SDK ของส่วนเสริม Meet
เผยแพร่ได้
ตัวเลือกการเขียนโค้ด
นักพัฒนาซอฟต์แวร์
ขยายแอปต่อไปนี้
Meet
เฟรมเวิร์ก UI ที่พร้อมใช้งาน
iframe
การประชุมในปฏิทิน | ส่วนเสริมของ Google Workspace
หากเป็นผู้ให้บริการการประชุมทางเว็บ คุณจะสร้างส่วนเสริม Google Workspace ที่ขยาย Google ปฏิทินด้วยโซลูชันการประชุมได้ ส่วนเสริมนี้จะเพิ่มตัวเลือกการประชุมสำหรับกิจกรรมในปฏิทิน ซึ่งช่วยให้ผู้ใช้สร้างและเข้าร่วมการประชุมเหล่านั้นได้โดยตรงจากปฏิทิน
ดูเอกสารประกอบเกี่ยวกับการประชุมในปฏิทิน
เผยแพร่ได้
ตัวเลือกการเขียนโค้ด
Apps Script
ขยายแอปต่อไปนี้
ปฏิทิน
เฟรมเวิร์ก UI ที่พร้อมใช้งาน
ใช้ UI ที่มีอยู่
ส่วนเสริมเครื่องมือแก้ไข
ส่วนเสริมสำหรับเครื่องมือแก้ไขคือแอปที่ขยายความสามารถของเอกสาร ชีต สไลด์ หรือฟอร์ม ส่วนเสริมสำหรับโปรแกรมแก้ไขจะขยายแอปได้เพียงแอปเดียวต่อส่วนเสริม 1 รายการ แต่คุณเผยแพร่ส่วนเสริมสำหรับโปรแกรมแก้ไขหลายรายการในข้อมูล Marketplace เดียวกันได้ ผู้ใช้จะเปิดส่วนเสริมของเครื่องมือแก้ไขได้จากเมนูส่วนขยายในแอปที่ขยาย
คุณใช้อินเทอร์เฟซต่อไปนี้สำหรับส่วนเสริมของเครื่องมือแก้ไขได้
- แถบด้านข้างข้างแอปพลิเคชันที่ขยาย
- กล่องโต้ตอบวางซ้อนแอป จะขยาย
- รายการเมนูที่เรียกใช้สคริปต์
- ฟังก์ชันที่กำหนดเองในสเปรดชีต Google ชีต
ดูเอกสารประกอบเกี่ยวกับส่วนเสริมของเครื่องมือแก้ไข
เผยแพร่ได้
ตัวเลือกการเขียนโค้ด
Apps Script
ขยายแอปต่อไปนี้
เอกสาร
ชีต
สไลด์
แบบฟอร์ม
เฟรมเวิร์ก UI ที่พร้อมใช้งาน
HTML
iframe
แอปแชท
แอปใน Chat จะนำทรัพยากรและบริการต่างๆ มาไว้ใน Chat คุณออกแบบแอปใน Chat ให้โต้ตอบกับผู้ใช้ได้หลายวิธี ดังนี้
- ตอบกลับคำสั่งเครื่องหมายทับด้วย SMS หรือข้อความการ์ด
- เปิดกล่องโต้ตอบเพื่อช่วยผู้ใช้ทำตามกระบวนการแบบหลายขั้นตอนให้เสร็จสมบูรณ์ เช่น กรอกข้อมูลในแบบฟอร์ม
- แสดงตัวอย่างลิงก์โดยแนบการ์ดที่มีข้อมูลที่เป็นประโยชน์ซึ่งช่วยให้ผู้ใช้ดำเนินการได้โดยตรงจากการสนทนา
เผยแพร่ได้
ตัวเลือกการเขียนโค้ด
AppSheet
Apps Script
นักพัฒนาซอฟต์แวร์
ขยายแอปต่อไปนี้
แชท
เฟรมเวิร์ก UI ที่พร้อมใช้งาน
เฟรมเวิร์กการ์ด
ฟังก์ชันที่กำหนดเอง
ฟังก์ชันที่กำหนดเองช่วยให้คุณเพิ่มฟังก์ชันอื่นๆ ในชีตได้ ผู้ใช้จะค้นหาและใช้ฟังก์ชันเหล่านี้ได้เช่นเดียวกับฟังก์ชันในตัวที่มีอยู่หลายร้อยรายการในชีต คุณสามารถเผยแพร่ฟังก์ชันที่กำหนดเองเป็นส่วนเสริมของเครื่องมือแก้ไขได้
ดูเอกสารประกอบเกี่ยวกับฟังก์ชันที่กำหนดเอง
เผยแพร่ได้
ตัวเลือกการเขียนโค้ด
Apps Script
ขยายแอปต่อไปนี้
ชีต
เฟรมเวิร์ก UI ที่พร้อมใช้งาน
ใช้ UI ที่มีอยู่
มาโคร
มาโครคือการบันทึกในชีตที่ทําซ้ำชุดการโต้ตอบ UI ที่เฉพาะเจาะจงซึ่งคุณกําหนด คุณสามารถลิงก์มาโครกับแป้นพิมพ์ลัด หรือเรียกใช้จากเมนูส่วนขยาย > มาโคร
เมื่อบันทึกมาโคร ชีตจะสร้างฟังก์ชัน Apps Script โดยอัตโนมัติซึ่งจำลองการโต้ตอบกับ UI คุณสามารถแก้ไขมาโครได้โดยตรงในตัวแก้ไข Apps Script คุณสามารถเขียนมาโครตั้งแต่ต้นใน Apps Script หรือนำฟังก์ชันที่เขียนไว้แล้วมาแปลงเป็นมาโครก็ได้
ตัวเลือกการเขียนโค้ด
Apps Script
ขยายแอปต่อไปนี้
ชีต
เฟรมเวิร์ก UI ที่พร้อมใช้งาน
ใช้ UI ที่มีอยู่
เมนู กล่องโต้ตอบ และแถบด้านข้างที่กำหนดเอง
คุณสามารถเพิ่มเมนูที่กำหนดเอง พรอมต์ การแจ้งเตือน รวมถึงกล่องโต้ตอบและแถบด้านข้างที่ใช้ HTML ลงในไฟล์ในเอกสาร ชีต สไลด์ และฟอร์ม เมนูที่กำหนดเองจะปรากฏข้างเมนูเริ่มต้นของแอปที่ขยาย โดยปกติแล้ว กล่องโต้ตอบ แถบด้านข้าง พรอมต์ และการแจ้งเตือนจะเปิดใช้งานโดยการดําเนินการของผู้ใช้ เช่น การคลิกรายการเมนู หรือโดยทริกเกอร์ เช่น ทริกเกอร์ที่ทริกเกอร์โดยเหตุการณ์
ดูเอกสารประกอบเกี่ยวกับเมนู กล่องโต้ตอบ และแถบด้านข้างที่กำหนดเอง
ตัวเลือกการเขียนโค้ด
Apps Script
ขยายแอปต่อไปนี้
เอกสาร
ชีต
สไลด์
แบบฟอร์ม
เฟรมเวิร์ก UI ที่พร้อมใช้งาน
HTML
iframe
แอปไดรฟ์
หากแอปรองรับไฟล์ในไดรฟ์ คุณจะผสานรวมกับอินเทอร์เฟซผู้ใช้ของไดรฟ์เพื่อแสดงแอปเป็นตัวเลือกในการสร้างหรือเปิดไฟล์ได้ แอปของคุณจะปรากฏในเมนูใหม่ > เพิ่มเติม และเมนูเปิดด้วยเมื่อผู้ใช้คลิกขวาที่ไฟล์ในไดรฟ์ เมื่อผู้ใช้เลือกแอปของคุณจากเมนูใดเมนูหนึ่ง แอปจะเปิดขึ้นในหน้าต่างใหม่
เผยแพร่ได้
ตัวเลือกการเขียนโค้ด
นักพัฒนาซอฟต์แวร์
ขยายแอปต่อไปนี้
ไดรฟ์
เฟรมเวิร์ก UI ที่พร้อมใช้งาน
ใช้ UI ที่มีอยู่
ส่วนเสริมของ Google Classroom
ส่วนเสริมของ Google Classroom ช่วยให้นักการศึกษาสร้างไฟล์แนบในชั้นเรียน งาน ประกาศ หรือสื่อการเรียนการสอนของชั้นเรียนได้ ไฟล์แนบเหล่านี้จะเปิดเนื้อหาของบุคคลที่สามใน iframe ใน Classroom ซึ่ง iframe จะเปิด URL แยกต่างหากโดยขึ้นอยู่กับประเภทผู้ใช้และบริบทของ Classroom
ดูเอกสารประกอบเกี่ยวกับส่วนเสริมของ Classroom
เผยแพร่ได้
ตัวเลือกการเขียนโค้ด
นักพัฒนาซอฟต์แวร์
ขยายแอปต่อไปนี้
Classroom
เฟรมเวิร์ก UI ที่พร้อมใช้งาน
iframe