本頁說明擴充 Google Workspace 使用者介面 (UI) 的選項。您可以基於許多原因擴充 Google Workspace UI,包括:
- 將應用程式或服務整合至 Google Workspace,讓使用者可直接透過一或多個 Google Workspace 應用程式使用應用程式。舉例來說,您可以建立 Google Workspace 外掛程式,在 Google 文件中為服務建立智慧型方塊和連結預覽。
- 協助 Google Workspace 使用者提高工作效率或改善工作流程。舉例來說,您可以建立 Google Chat 應用程式,讓使用者直接透過 Google Chat 回報每週出勤表。
- 新增 Google Workspace 中不支援的原生功能。例如,在 Google 文件、試算表或簡報中新增自訂選單。
您可以將大部分的選項發布至 Google Workspace Marketplace,讓使用者在這個線上商店中尋找並安裝與 Google Workspace 整合的第三方應用程式,藉此擴充 Google Workspace UI。
擴充 Google Workspace UI 的選項總覽
下表列出擴充 Google Workspace UI 的選項,並根據下列特性進行比較:
- 擴充的應用程式:列出您可以使用指定選項擴充的 Google Workspace 應用程式。
- 程式設計選項:列出可用的建構方式,包括:
- AppSheet:無程式碼開發平台。
- Apps Script:以 JavaScript 為基礎的雲端低程式碼開發平台。
- 全端開發人員:您自己的技術堆疊,支援您偏好的程式碼語言。
- UI 架構:指出可用於建構各個選項的 UI 架構類型,包括:
- 以資訊卡為基礎:資訊卡介面是預先定義的小工具和資訊卡,可透過 Card Service 使用 Apps Script 建構,或透過傳回格式正確的 JSON 來算繪資訊卡,並使用您偏好的技術堆疊 (完整開發人員)。以資訊卡為基礎的介面不需要 HTML 或 CSS 知識,且可在電腦和行動裝置用戶端上順利運作。
- HTML:Apps Script 提供HTML 服務,可用於開發可與伺服器端 Apps Script 函式互動的網頁。使用 HTML 服務開發的介面可高度自訂,但需要更多手動作業才能打造出色的使用者體驗。
- iframe:iframe 可將外部內容嵌入 Google Workspace,並提供最具客製化的使用者介面。
下表列出各個選項的說明。
可建構的內容 | 預覽 | 應用程式擴充功能 | 編碼選項 | 以卡片為主的 UI | HTML UI | iframe UI |
---|---|---|---|---|---|---|
Google Workspace 外掛程式 |
|
Gmail 雲端硬碟
日曆
Google 文件
試算表
簡報
|
Apps Script
完整開發人員
|
|||
連結預覽和智慧型方塊 | Google Workspace 外掛程式 |
|
Google 文件
試算表
簡報
|
AppSheet
Apps Script
完整開發人員
|
|||
電子郵件草稿 | Google Workspace 外掛程式 |
|
Gmail
|
Apps Script
完整開發人員
|
|||
會議主畫面和側邊面板 | Google Workspace 外掛程式 |
|
Meet
|
完整開發人員
|
|||
日曆會議功能 | Google Workspace 外掛程式 |
|
日曆
|
Apps Script
|
使用現有的 UI |
||
編輯器外掛程式 |
|
Google 文件
試算表
簡報
表單
|
Apps Script
|
|||
Google Chat 應用程式 |
|
即時通訊
|
AppSheet
Apps Script
完整開發人員
|
|||
自訂函式 |
|
試算表
|
Apps Script
|
使用現有的 UI |
||
巨集 |
|
試算表
|
Apps Script
|
使用現有的 UI |
||
自訂選單、對話方塊和側欄 |
|
Google 文件
試算表
簡報
表單
|
Apps Script
|
|||
Google 雲端硬碟應用程式 |
|
雲端硬碟
|
完整開發人員
|
使用現有的 UI |
||
Google Classroom 外掛程式 |
|
Classroom
|
完整開發人員
|
Google Workspace 外掛程式
Google Workspace 外掛程式是可與 Google Workspace 應用程式整合的應用程式。Google Workspace 外掛程式可擴充多個 Google Workspace 應用程式。大多數情況下,應用程式會在其擴充的 Google Workspace 應用程式側欄中開啟。
編碼選項:
擴充以下應用程式:
可用的 UI 架構:
連結預覽和智慧型方塊 | Google Workspace 外掛程式
擴充 Google 文件功能的 Google Workspace 外掛程式,可以透過第三方服務建立自訂連結預覽畫面。與 Google 文件在提及 Google Workspace 應用程式中的使用者、檔案、日曆活動或其他實體時產生的智慧型方塊類似,外掛程式也可以為第三方連結產生智慧型方塊,並在使用者將滑鼠游標懸停在方塊上時顯示預覽資訊卡。
您可以將連結預覽功能新增至現有的 Google Workspace 外掛程式,也可以建立專門用於連結預覽的 Google Workspace 外掛程式。
編碼選項:
擴充以下應用程式:
可用的 UI 架構:
電子郵件草稿 | Google Workspace 外掛程式
擴充 Gmail 功能的 Google Workspace 外掛程式可在使用者撰寫新郵件或回覆現有郵件時,提供自訂介面。如要使用這個介面,使用者可以在電子郵件草稿中開啟外掛程式,無論是在草稿底部還是
「更多選項」選單中,都可以開啟。
編碼選項:
擴充以下應用程式:
可用的 UI 架構:
會議主畫面和側邊面板 | Google Workspace 外掛程式
擴充 Meet 功能的 Google Workspace 外掛程式可讓您將應用程式嵌入會議的主要舞台或側邊面板介面,讓使用者不必離開 Meet 即可在應用程式中探索、分享內容和協作。
與其他 Google Workspace 外掛程式不同,Meet 外掛程式不會使用資訊卡架構 UI。請改用 iframe 嵌入應用程式。
編碼選項:
擴充以下應用程式:
可用的 UI 架構:
日曆會議 | Google Workspace 外掛程式
如果您是網路會議通訊服務供應商,可以建立 Google Workspace 外掛程式,透過會議解決方案擴充 Google 日曆功能。外掛程式會為日曆活動新增會議通訊選項,讓使用者直接透過日曆建立及加入會議。
編碼選項:
擴充以下應用程式:
可用的 UI 架構:
使用現有的 UI
編輯器外掛程式
編輯器外掛程式是可擴充 Google 文件、試算表、簡報或表單的應用程式。每個編輯器外掛程式只能擴充一個應用程式,但您可以在同一個 Marketplace 產品資訊中發布多個編輯器外掛程式。使用者可在擴充應用程式中的「Extensions」選單中開啟編輯器外掛程式。
您可以使用下列介面來建立編輯器外掛程式:
編碼選項:
擴充以下應用程式:
可用的 UI 架構:
即時通訊應用程式
Chat 擴充應用程式可將資源和服務整合至 Chat。您可以設計 Chat 應用程式,以多種方式與使用者互動,包括:
編碼選項:
擴充以下應用程式:
可用的 UI 架構:
自訂函式
自訂函式可讓你在試算表中新增更多函式。使用者可以像使用試算表內建的數百個函式一樣,尋找並使用這些函式。您可以將自訂函式發布為編輯器外掛程式。
編碼選項:
擴充以下應用程式:
可用的 UI 架構:
使用現有的 UI
巨集
巨集是 Google 試算表中的錄製內容,可複製您定義的特定一系列 UI 互動。你可以將巨集連結至鍵盤快速鍵,也可以從「擴充功能」>「巨集」選單執行巨集。
錄製巨集時,試算表會自動建立 Apps Script 函式,用於複製 UI 互動情形。您可以直接在 Apps Script 編輯器中編輯巨集。您可以在 Apps Script 中從頭開始編寫巨集,也可以將已編寫的函式轉換為巨集。
編碼選項:
擴充以下應用程式:
可用的 UI 架構:
使用現有的 UI
自訂選單、對話方塊和側欄
您可以在 Google 文件、試算表、簡報和表單中,為檔案新增自訂選單、提示、快訊,以及以 HTML 為基礎的對話方塊和側欄。自訂選單會顯示在擴充應用程式的預設選單旁邊。對話方塊、側邊欄、提示和快訊通常會因使用者動作 (例如點選選單項目) 或事件驅動觸發條件而啟用。
編碼選項:
擴充以下應用程式:
可用的 UI 架構:
雲端硬碟應用程式
如果您的應用程式支援雲端硬碟檔案,您可以整合雲端硬碟使用者介面,讓應用程式顯示為建立或開啟檔案的選項。使用者在 Google 雲端硬碟中按一下檔案的滑鼠右鍵時,您的應用程式會顯示在「New」>「More」選單和「Open with」選單中。使用者從任一選單中選取您的應用程式時,您的應用程式會在新視窗中開啟。
編碼選項:
擴充以下應用程式:
可用的 UI 架構:
使用現有的 UI
Google Classroom 外掛程式
Google Classroom 外掛程式可讓教師在課程作業、公告或課程教材中建立附件。這些附件會在 Classroom 的 iframe 中開啟第三方內容。視使用者類型和 Classroom 情境而定,iframe 會開啟不同的網址。
編碼選項:
擴充以下應用程式:
可用的 UI 架構: