ขยาย 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 ชีต หรือ Google สไลด์

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

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

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

  • แอปที่ขยายได้: แสดงรายการแอป Google Workspace ที่คุณขยายได้ด้วยตัวเลือกที่ระบุ
  • ตัวเลือกการเขียนโค้ด: แสดงวิธีที่คุณสามารถสร้าง ซึ่งรวมถึงวิธีต่อไปนี้
    • AppSheet: แพลตฟอร์มการพัฒนาที่ไม่จำเป็นต้องเขียนโค้ด
    • Apps Script: แพลตฟอร์มการพัฒนาในระบบคลาวด์ที่ลดการเขียนโค้ด ซึ่งอิงตาม 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 ตัวอย่างส่วนเสริม Google Workspace ที่แสดงการผสานรวมแถบด้านข้าง
โลโก้ Gmail แสดงความพร้อมใช้งานของการผสานรวมอีเมล Gmail
โลโก้ Google ไดรฟ์สำหรับการสนับสนุนพื้นที่เก็บไฟล์ ไดรฟ์
โลโก้ Google ปฏิทินสำหรับส่วนขยายแอปการจัดกำหนดการ ปฏิทิน
โลโก้ Google Chat สำหรับการผสานรวมแอปรับส่งข้อความ แชท
โลโก้ Google เอกสารสำหรับการผสานรวมการแก้ไขเอกสาร เอกสาร
โลโก้ Google Meet สำหรับการผสานรวมการประชุมทางวิดีโอ Meet
โลโก้ Google ชีตสำหรับส่วนขยายแอปสเปรดชีต ชีต
โลโก้ Google สไลด์สำหรับส่วนขยายแอปงานนำเสนอ สไลด์
โลโก้ Google Apps Script สำหรับตัวเลือกการเขียนโค้ด Apps Script
โลโก้ Google Developers สำหรับตัวเลือกแบบ Full Stack Full dev
ตัวอย่างลิงก์และชิปอัจฉริยะ | ส่วนเสริม Google Workspace ตัวอย่างการแสดงตัวอย่างลิงก์ของส่วนเสริม Google Workspace ที่แสดงชิปอัจฉริยะ
ไอคอน Google เอกสารสำหรับตัวอย่างชิปอัจฉริยะ เอกสาร
ไอคอน Google ชีตสำหรับตัวอย่างชิปอัจฉริยะ ชีต
ไอคอน Google สไลด์สำหรับตัวอย่างชิปอัจฉริยะ สไลด์
โลโก้ AppSheet สำหรับตัวเลือกสำหรับนักพัฒนาแอป AppSheet
โลโก้ Google Apps Script สำหรับการเขียนโค้ดแบบ Low-Code Apps Script
โลโก้ Google Developers สำหรับการเขียนโค้ดอย่างมืออาชีพ Full dev
ฉบับร่างอีเมล | ส่วนเสริมของ Google Workspace ตัวอย่างส่วนเสริม Google Workspace สำหรับฉบับร่างอีเมลใน Gmail
โลโก้ Gmail ที่แสดงถึงส่วนขยายฉบับร่างอีเมล Gmail
ไอคอน Google Apps Script สำหรับส่วนขยายอีเมล Apps Script
ไอคอนนักพัฒนาแอปของ Google สำหรับนักพัฒนาแอปแบบเต็ม Full dev
แผงด้านข้างและเวทีหลักของการประชุม | ส่วนเสริมของ Google Workspace อินเทอร์เฟซของส่วนเสริม Google Meet จะทำงานร่วมกับหน้าจอหลักและแผงด้านข้าง
โลโก้ Google Meet สำหรับการผสานรวมการประชุม Meet
โลโก้ Google Developers สำหรับการประชุมการเขียนโค้ด Full dev
แอป Google Chat | ส่วนเสริมของ Google Workspace ตัวอย่างแอป Chat ที่แสดงการรับส่งข้อความแบบอินเทอร์แอกทีฟใน Chat
โลโก้ Google Chat สำหรับส่วนขยายแชท แชท
โลโก้ AppSheet สำหรับตัวเลือกแอปแชท AppSheet
โลโก้ Google Apps Script สำหรับส่วนขยายของแชท Apps Script
โลโก้ Google Developers สำหรับแชทแบบ Full Stack Full dev
การประชุมผ่านปฏิทิน | ส่วนเสริมของ Google Workspace ตัวอย่างส่วนเสริม Google Workspace สำหรับอินเทอร์เฟซการประชุมในปฏิทิน
โลโก้ Google ปฏิทินสำหรับฟีเจอร์การประชุม ปฏิทิน
โลโก้ Google Apps Script สำหรับส่วนขยายปฏิทิน Apps Script

ใช้ UI ที่มีอยู่
ส่วนเสริมของเอดิเตอร์ ตัวอย่างส่วนเสริมของเครื่องมือแก้ไขที่แสดงส่วนขยาย Google เอกสาร
โลโก้ Google เอกสารสำหรับเครื่องมือแก้ไขเอกสาร เอกสาร
โลโก้ Google ชีตสำหรับเครื่องมือแก้ไขสเปรดชีต ชีต
โลโก้ Google สไลด์สำหรับโปรแกรมแก้ไขงานนำเสนอ สไลด์
โลโก้ Google ฟอร์มสำหรับผู้แก้ไขแบบฟอร์ม แบบฟอร์ม
โลโก้ Google Apps Script สำหรับการแก้ไขสเปรดชีต Apps Script
ฟังก์ชันที่กำหนดเอง | ส่วนเสริมของเอดิเตอร์ ตัวอย่างฟังก์ชันที่กำหนดเองซึ่งแสดงการใช้สูตรสเปรดชีต
โลโก้ Google ชีตสำหรับฟังก์ชันที่กำหนดเอง ชีต
โลโก้ Google Apps Script สำหรับการเขียนสคริปต์ Apps Script

ใช้ UI ที่มีอยู่
มาโคร | ส่วนเสริมของเอดิเตอร์ ตัวอย่างมาโครที่แสดงขั้นตอนการทำงานอัตโนมัติของสเปรดชีตที่บันทึกไว้
โลโก้ Google ชีตสำหรับการสร้างมาโคร ชีต
โลโก้ Google Apps Script สำหรับการทำงานอัตโนมัติ Apps Script

ใช้ UI ที่มีอยู่
เมนู กล่องโต้ตอบ และแถบด้านข้างที่กำหนดเอง | ส่วนเสริมของเครื่องมือแก้ไข ตัวอย่างเมนูและแถบด้านข้างที่แสดงการปรับแต่ง UI ของเอดิเตอร์
โลโก้ Google เอกสารสำหรับแถบด้านข้างของเอกสาร เอกสาร
โลโก้ Google ชีตสำหรับกล่องโต้ตอบสเปรดชีต ชีต
โลโก้ Google สไลด์สำหรับแถบด้านข้างของงานนำเสนอ สไลด์
โลโก้ Google ฟอร์มสำหรับกล่องโต้ตอบของแบบฟอร์ม แบบฟอร์ม
โลโก้ Google Apps Script สำหรับแถบด้านข้าง Apps Script
แอป Google ไดรฟ์ ตัวอย่างแอปไดรฟ์ที่แสดงการผสานรวมเมนูไฟล์
โลโก้ Google ไดรฟ์สำหรับการเข้าถึงไฟล์ ไดรฟ์
โลโก้ Google Developers สำหรับการสนับสนุนแบบ Full Stack Full dev

ใช้ UI ที่มีอยู่
ส่วนเสริมของ Google Classroom ตัวอย่างส่วนเสริมของ Google Classroom ที่แสดงอินเทอร์เฟซไฟล์แนบงาน
โลโก้ Google Classroom สำหรับเครื่องมือของนักการศึกษา Classroom
โลโก้ Google Developers สำหรับการผสานรวมกับ Classroom Full dev

ประเภทการผสานรวมแอป

ส่วนต่อไปนี้จะอธิบายประเภทการผสานรวมแอปที่คุณสร้างได้ เพื่อขยาย UI ของ Google Workspace

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

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

ตัวอย่างส่วนเสริมของ Google Workspace ที่แสดงการผสานรวมแอปแถบด้านข้าง

ตัวอย่างส่วนเสริมของ Google Workspace ที่แสดงการผสานรวมแอปแถบด้านข้าง

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

นอกเหนือจากการสร้างแถบด้านข้างแล้ว คุณยังสร้างฟีเจอร์ต่อไปนี้สำหรับ ส่วนเสริมได้ด้วย

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

โลโก้ Google Workspace Marketplace สำหรับการเผยแพร่ เผยแพร่ได้



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

โลโก้ Google Apps Script สำหรับการเขียนโค้ดอัตโนมัติ Apps Script
โลโก้ Google Developers สำหรับการพัฒนาซอฟต์แวร์ Full dev

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

โลโก้ Gmail สำหรับการผสานรวมแอปอีเมล Gmail
ไอคอน Google ไดรฟ์สำหรับการผสานรวมไฟล์ ไดรฟ์
ไอคอน Google ปฏิทินสำหรับแอปกำหนดเวลา ปฏิทิน
โลโก้ Google Chat สำหรับเครื่องมือการสนทนา แชท

ไอคอน Google เอกสารสำหรับการแก้ไขเอกสาร เอกสาร
โลโก้ Google Meet สำหรับเครื่องมือวิดีโอ Meet
โลโก้ Google ชีตแสดงถึงแอปสเปรดชีต ชีต
ไอคอน Google สไลด์สำหรับแอปงานนำเสนอ สไลด์

เฟรมเวิร์ก UI ที่ใช้ได้

ไอคอน Card Framework สำหรับการออกแบบ UI เฟรมเวิร์กการ์ด


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

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

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

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

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

โลโก้ Google Workspace Marketplace สำหรับการเผยแพร่ เผยแพร่ได้



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

โลโก้ AppSheet สำหรับการพัฒนาแบบไม่ต้องเขียนโค้ด AppSheet
ไอคอน Google Apps Script สำหรับสคริปต์การทำงานอัตโนมัติ Apps Script
ไอคอนนักพัฒนาซอฟต์แวร์ Google Developers สำหรับนักพัฒนาแบบฟูลสแต็ก Full dev

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

ไอคอน Google เอกสารสำหรับเครื่องมือส่วนขยายเอกสาร เอกสาร
ไอคอน Google ชีตสำหรับส่วนขยายเครื่องมือสเปรดชีต ชีต
ไอคอน Google สไลด์สำหรับส่วนขยายเครื่องมือการนำเสนอ สไลด์

เฟรมเวิร์ก UI ที่ใช้ได้

ไอคอนเฟรมเวิร์กการ์ดสำหรับคอมโพเนนต์ UI เฟรมเวิร์กการ์ด


อีเมลฉบับร่าง

ตัวอย่างฉบับร่างอีเมลที่แสดงอินเทอร์เฟซการเขียนที่กำหนดเอง

ตัวอย่างฉบับร่างอีเมลที่แสดงอินเทอร์เฟซการเขียนที่กำหนดเอง

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

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

โลโก้ Google Workspace Marketplace สำหรับการเผยแพร่ เผยแพร่ได้



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

ไอคอน Google Apps Script สำหรับเครื่องมือการเขียนโค้ด Apps Script
โลโก้ Google Developers สำหรับการพัฒนาวิชาชีพ Full dev

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

โลโก้ Gmail แสดงถึงการผสานรวมอีเมล Gmail

เฟรมเวิร์ก UI ที่ใช้ได้

โลโก้เฟรมเวิร์กการ์ดสำหรับระบบการออกแบบ เฟรมเวิร์กการ์ด


สเตจหลักและแผงด้านข้างของการประชุม

ตัวอย่างส่วนเสริมของ Meet ที่แสดงการทำงานร่วมกันในหน้าจอหลัก

ตัวอย่างส่วนเสริมของ Meet ที่แสดงการทำงานร่วมกันในหน้าจอหลัก

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

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

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

โลโก้ Google Workspace Marketplace สำหรับการเผยแพร่ เผยแพร่ได้



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

โลโก้ Google Developers สำหรับเครื่องมือแบบ Full Stack Full dev

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

โลโก้ Google Meet สำหรับการประชุมทางวิดีโอ Meet

เฟรมเวิร์ก UI ที่ใช้ได้

ไอคอน iframe สำหรับเว็บแอปพลิเคชันแบบฝัง iframe


แอป Google Chat

ตัวอย่างแอปแชทที่แสดงการโต้ตอบกับข้อความ

ตัวอย่างแอปแชทที่แสดงการโต้ตอบกับข้อความ

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

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

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

ไอคอน Google Workspace Marketplace สำหรับการเผยแพร่แอป เผยแพร่ได้



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

โลโก้ AppSheet สำหรับสร้างแอปแบบไม่ต้องเขียนโค้ด AppSheet
ไอคอน Google Apps Script สำหรับการเขียนโค้ดงานอัตโนมัติ Apps Script
โลโก้ Google Developers สำหรับวิศวกรรมซอฟต์แวร์ระดับมืออาชีพ Full dev

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

โลโก้ Google Chat สำหรับส่วนขยายการสนทนา แชท

เฟรมเวิร์ก UI ที่ใช้ได้

ไอคอนเฟรมเวิร์กการ์ดสำหรับการออกแบบอินเทอร์เฟซผู้ใช้ เฟรมเวิร์กการ์ด


การประชุมในปฏิทิน

ตัวอย่างการประชุมในปฏิทินที่แสดงการผสานรวมกับกิจกรรมการประชุม

ตัวอย่างการประชุมในปฏิทินที่แสดงการผสานรวมกับกิจกรรมการประชุม

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

ดู เอกสารประกอบการประชุมในปฏิทิน

โลโก้ Google Workspace Marketplace สำหรับแอปที่เผยแพร่ เผยแพร่ได้



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

ไอคอน Google Apps Script สำหรับทางลัดการผสานรวมการประชุม Apps Script

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

ไอคอน Google ปฏิทินสำหรับการตั้งค่าการซิงค์กิจกรรม ปฏิทิน

เฟรมเวิร์ก UI ที่ใช้ได้

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

ส่วนเสริมของเอดิเตอร์

ตัวอย่างส่วนเสริมของเครื่องมือแก้ไขที่แสดงฟีเจอร์ส่วนขยายของ Google เอกสาร

ตัวอย่างส่วนเสริมของเครื่องมือแก้ไขที่แสดงฟีเจอร์ส่วนขยายของ Google เอกสาร

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

คุณสร้างฟีเจอร์ต่อไปนี้สำหรับส่วนเสริมของเอดิเตอร์ได้

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

ไอคอน Google Workspace Marketplace สำหรับการเผยแพร่ซอฟต์แวร์ เผยแพร่ได้



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

ไอคอน Google Apps Script สำหรับการพัฒนาส่วนขยายของเครื่องมือแก้ไข Apps Script

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

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

เฟรมเวิร์ก UI ที่ใช้ได้

ไอคอน HTML ที่แสดงถึงการพัฒนาอินเทอร์เฟซผู้ใช้บนเว็บ HTML
ไอคอน iframe สำหรับฝังเนื้อหาเว็บภายนอก iframe


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

ตัวอย่างฟังก์ชันที่กำหนดเองซึ่งแสดงการใช้สูตร Google ชีต

ตัวอย่างฟังก์ชันที่กำหนดเองซึ่งแสดงการใช้สูตร Google ชีต

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

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

โลโก้ Google Workspace Marketplace สำหรับตัวเลือกการเผยแพร่ เผยแพร่ได้



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

Apps Script

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

ไอคอน Google ชีตสำหรับการทำงานในสเปรดชีตโดยอัตโนมัติ ชีต

เฟรมเวิร์ก UI ที่ใช้ได้

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

มาโคร

ตัวอย่างมาโครที่แสดงขั้นตอนการทำงานอัตโนมัติของสเปรดชีตที่บันทึกไว้

ตัวอย่างมาโครที่แสดงขั้นตอนการทำงานอัตโนมัติของสเปรดชีตที่บันทึกไว้

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

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

ดูเอกสารประกอบ มาโคร

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

โลโก้ Google Apps Script สำหรับฟังก์ชันการบันทึกมาโคร Apps Script

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

ชีต

เฟรมเวิร์ก UI ที่ใช้ได้

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

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

ตัวอย่างเมนูที่กำหนดเองซึ่งแสดงตัวเลือกการปรับแต่งแถบเครื่องมือของเอดิเตอร์

ตัวอย่างเมนูที่กำหนดเองซึ่งแสดงตัวเลือกการปรับแต่งแถบเครื่องมือของเอดิเตอร์

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

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

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

ไอคอน Google Apps Script สำหรับการพัฒนาเมนูที่กำหนดเอง Apps Script

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

โลโก้ Google เอกสารสำหรับการผสานรวมส่วนขยายเอกสาร เอกสาร
ไอคอน Google ชีตสำหรับส่วนขยายแถบด้านข้างของสเปรดชีต ชีต
โลโก้ Google สไลด์สำหรับส่วนขยายแถบด้านข้างของงานนำเสนอ สไลด์
โลโก้ Google ฟอร์มสำหรับส่วนขยายกล่องโต้ตอบของแบบฟอร์ม แบบฟอร์ม

เฟรมเวิร์ก UI ที่ใช้ได้

ไอคอน HTML สำหรับสร้างอินเทอร์เฟซผู้ใช้ที่กำหนดเอง HTML
ไอคอน Iframe สำหรับฝังเครื่องมือเว็บของบุคคลที่สาม iframe


แอป Google ไดรฟ์

ตัวอย่างแอปไดรฟ์ที่แสดงตัวเลือกการเปิดไฟล์

ตัวอย่างแอปไดรฟ์ที่แสดงตัวเลือกการเปิดไฟล์

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

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

ไอคอน Google Workspace Marketplace สำหรับการค้นพบแอป เผยแพร่ได้



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

โลโก้ Google Developers สำหรับการสร้างแอปอย่างมืออาชีพ Full dev

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

ไอคอน Google ไดรฟ์สำหรับการผสานรวมพื้นที่เก็บไฟล์ ไดรฟ์

เฟรมเวิร์ก UI ที่ใช้ได้

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

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

ตัวอย่างส่วนเสริมของ Classroom ที่แสดงไฟล์แนบของงาน

ตัวอย่างส่วนเสริมของ Classroom ที่แสดงไฟล์แนบของงาน

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

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

โลโก้ Google Workspace Marketplace สำหรับการเผยแพร่การผสานรวม เผยแพร่ได้



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

ไอคอนนักพัฒนาแอปของ Google สำหรับการผสานรวมเครื่องมือใน Classroom Full dev

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

โลโก้ Google Classroom สำหรับเครื่องมือเวิร์กโฟลว์ของนักการศึกษา Classroom

เฟรมเวิร์ก UI ที่ใช้ได้

ไอคอน iframe สำหรับเนื้อหาเว็บเพื่อการศึกษาที่ฝังไว้ iframe