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