擴充 Google Workspace UI

本頁說明如何擴充 Google Workspace 使用者介面 (UI)。您可以基於許多原因擴充 Google Workspace UI,包括:

  • 將應用程式或服務整合到 Google Workspace,讓使用者直接透過一或多個 Google Workspace 應用程式使用該應用程式。舉例來說,您可以建立 Google Workspace 外掛程式,在 Google 文件中為您的服務建立智慧型方塊和連結預覽畫面。
  • 協助 Google Workspace 使用者提升工作效率或改善工作流程。 舉例來說,您可以建構 Google Chat 應用程式,讓使用者直接透過 Google Chat 提交每週的工時表。
  • 新增 Google Workspace 原生不支援的功能。 例如,在 Google 文件、試算表或簡報中新增自訂選單。

您可以將大部分的 Google Workspace UI 擴充選項發布至 Google Workspace Marketplace,這個線上商店提供使用者尋找及安裝與 Google Workspace 整合的第三方應用程式。

擴充 Google Workspace UI 的選項總覽

下表列出擴充 Google Workspace UI 的選項,並依下列特徵進行比較:

  • 可擴充的應用程式:列出可透過指定選項擴充的 Google Workspace 應用程式。
  • 程式碼選項:列出可用的建構方式,包括:
    • AppSheet: 無程式碼開發平台。
    • Apps Script:以 JavaScript 為基礎的雲端低程式碼開發平台。
    • 完整開發:您自己的技術堆疊,支援偏好的程式碼語言。
  • UI 架構:指出可用於建構各個選項的 UI 架構類型,包括:
    • 以資訊卡為基礎:資訊卡介面是預先定義的小工具和資訊卡,可使用 Apps Script 透過 Card 服務建構,或傳回格式正確的 JSON,以偏好的技術堆疊 (完整開發) 算繪資訊卡。卡片式介面不需要 HTML 或 CSS 知識,且在電腦和行動裝置用戶端上都能正常運作。
    • HTML:Apps Script 提供 HTML 服務,可開發與伺服器端 Apps Script 函式互動的網頁。使用 HTML 服務開發的介面可高度自訂,但需要更多手動作業才能打造優質的使用者體驗。
    • iframe:iframe 可將外部內容嵌入 Google Workspace,並提供使用者介面最豐富的自訂選項。

下表列出各個選項,

可建構的內容 預覽 應用程式延長 編碼選項 以卡片為基礎的 UI HTML UI iframe UI
Google Workspace 外掛程式 Google Workspace 外掛程式範例
Gmail
雲端硬碟
日曆
即時通訊
文件
Meet
試算表
簡報
Apps Script
完整開發
連結預覽和智慧型方塊 | Google Workspace 外掛程式 Google Workspace 外掛程式連結預覽範例
文件
試算表
簡報
AppSheet
Apps Script
完整開發
電子郵件草稿 | Google Workspace 外掛程式 電子郵件草稿的 Google Workspace 外掛程式範例
Gmail
Apps Script
完整開發
會議主畫面和側邊面板 | Google Workspace 外掛程式 Google Meet 外掛程式
Meet
完整開發
Google Chat 應用程式 | Google Workspace 外掛程式 Chat 擴充應用程式範例
即時通訊
AppSheet
Apps Script
完整開發
日曆會議 | Google Workspace 外掛程式 Google Workspace 外掛程式,適用於日曆會議範例
日曆
Apps Script

使用現有 UI

編輯器外掛程式 編輯器外掛程式範例
文件
試算表
簡報
表單
Apps Script
自訂函式 | 編輯器外掛程式 自訂函式範例
試算表
Apps Script

使用現有 UI

巨集 | 編輯器外掛程式 巨集範例
試算表
Apps Script

使用現有 UI

自訂選單、對話方塊和側欄 | 編輯器外掛程式 選單和側欄範例
文件
試算表
簡報
表單
Apps Script
Google 雲端硬碟應用程式