Расширьте пользовательский интерфейс Google Workspace

На этой странице описываются ваши возможности расширения пользовательского интерфейса Google Workspace (UI). Вы можете расширить пользовательский интерфейс Google Workspace по многим причинам, включая:

  • Интегрируйте свое приложение или сервис в Google Workspace, чтобы пользователи могли использовать приложение напрямую из одного или нескольких приложений Google Workspace. Например, создайте дополнение Google Workspace, которое создает интеллектуальные чипы и ссылки на предварительные просмотры для вашего сервиса в Google Docs.
  • Помогите пользователям Google Workspace стать более продуктивными или улучшить свой рабочий процесс. Например, создайте приложение Google Chat, которое позволит пользователям отправлять еженедельные табели учета рабочего времени непосредственно из Google Chat.
  • Добавьте возможности, которые изначально не доступны в Google Workspace. Например, добавьте пользовательское меню в Google Docs, Sheets или Slides.

Вы можете опубликовать большинство вариантов расширения пользовательского интерфейса Google Workspace в Google Workspace Marketplace — интернет-магазине, где пользователи могут находить и устанавливать сторонние приложения, интегрирующиеся с Google Workspace.

Обзор возможностей расширения пользовательского интерфейса Google Workspace

В следующей таблице перечислены варианты расширения пользовательского интерфейса Google Workspace и проведено их сравнение по следующим характеристикам:

  • Расширенные приложения : список приложений Google Workspace, которые можно расширить с помощью заданной опции.
  • Варианты кодирования : Перечисляет возможные способы построения, в том числе:
    • AppSheet : платформа разработки без написания кода.
    • Apps Script : облачная платформа разработки с минимальным объемом кода на основе JavaScript.
    • Полная разработка : ваш собственный технологический стек, поддерживающий ваш предпочтительный язык программирования.
  • Фреймворки пользовательского интерфейса : указывает типы фреймворков пользовательского интерфейса, которые можно использовать для создания каждого варианта, включая:
    • На основе карт : интерфейсы карт — это предопределенные виджеты и карты, созданные либо с помощью Card Service с использованием Apps Script, либо путем возврата правильно отформатированного JSON для отображения карт с вашим предпочтительным технологическим стеком (полная разработка). Интерфейсы на основе карт не требуют знания HTML или CSS и хорошо работают как на настольных компьютерах, так и на мобильных клиентах.
    • HTML : Apps Script предлагает HTML-сервис для разработки веб-страниц, которые могут взаимодействовать с серверными функциями Apps Script. Интерфейсы, разработанные с помощью HTML-сервиса, обладают высокой степенью настраиваемости, но требуют больше ручной работы для создания отличного пользовательского опыта.
    • iframe : iframe встраивают внешний контент в Google Workspace и предлагают максимальные возможности настройки пользовательских интерфейсов.

После таблицы приведены описания каждого варианта.

Что вы можете построить Предварительный просмотр Приложения расширены Варианты кодирования Пользовательский интерфейс на основе карточек HTML-интерфейс пользовательский интерфейс iframe
Дополнения Google Workspace Пример дополнения Google Workspace
Gmail
Водить машину
Календарь
Документы
Встретиться
Листы
Слайды
Скрипт приложений
Полная разработка
Предварительный просмотр ссылок и смарт-чипы | Дополнения Google Workspace Пример предварительного просмотра ссылок на дополнения Google Workspace
Документы
Листы
Слайды
AppSheet
Скрипт приложений
Полная разработка
Черновики электронной почты | Дополнения Google Workspace Пример надстройки Google Workspace для черновиков электронной почты
Gmail
Скрипт приложений
Полная разработка
Основная сцена и боковая панель собрания | Дополнения Google Workspace Дополнения Google Meet
Встретиться
Полная разработка
Календарь конференций | Дополнения Google Workspace Пример надстройки Google Workspace для конференц-связи с календарем
Календарь
Скрипт приложений

Использует существующий пользовательский интерфейс

Редактор дополнений Пример дополнения к редактору
Документы
Листы
Слайды
Формы
Скрипт приложений
Пользовательские функции | Дополнения к редактору Пример пользовательской функции
Листы
Скрипт приложений

Использует существующий пользовательский интерфейс

Макросы | Дополнения к редактору Пример макроса
Листы
Скрипт приложений

Использует существующий пользовательский интерфейс

Пользовательские меню, диалоги и боковые панели | Дополнения к редактору Пример меню и боковой панели
Документы
Листы
Слайды
Формы
Скрипт приложений
Приложения Google Чата Пример приложения чата
Чат
AppSheet
Скрипт приложений
Полная разработка
Приложения Google ДискаПример приложения Drive
Водить машину
Полная разработка

Использует существующий пользовательский интерфейс

Дополнения Google Класса Дополнения Google Класса
Классная комната
Полная разработка

Типы интеграций приложений

В следующем разделе описываются типы интеграций приложений, которые можно создать для расширения пользовательского интерфейса Google Workspace.

Чтобы поделиться своей функцией с другими пользователями Google Workspace, вы можете опубликовать листинг в Google Workspace Marketplace. Чтобы узнать, какие типы интеграций приложений могут быть перечислены вместе, см. раздел Список интеграций приложений вместе в документации Marketplace.

Дополнения Google Workspace

Пример дополнения Google Workspace

Надстройки Google Workspace — это приложения, которые интегрируются с приложениями Google Workspace. Надстройка Google Workspace может расширять несколько приложений Google Workspace. Чаще всего приложение открывается в боковой панели внутри приложения Google Workspace, которое оно расширяет.

Помимо создания боковых панелей, вы можете создать следующие функции для надстройки:

Просмотреть документацию по надстройкам Google Workspace

Опубликовано



Варианты кодирования :

Скрипт приложений
Полная разработка

Расширяет следующие приложения :

Gmail
Водить машину
Календарь

Документы
Встретиться
Листы
Слайды

Доступные фреймворки пользовательского интерфейса :

Каркас карты



Пример предварительного просмотра ссылки

Надстройки Google Workspace, расширяющие Docs, могут создавать пользовательские предпросмотры ссылок из сторонних сервисов. Подобно смарт-чипам, которые Docs генерирует для упоминаний человека, файла, события календаря или другой сущности в приложении Google Workspace, надстройка может генерировать смарт-чип для сторонней ссылки и показывать карточку предпросмотра, когда кто-то наводит курсор на чип.

Вы можете добавить предварительный просмотр ссылок в существующие надстройки Google Workspace или создать отдельную надстройку Google Workspace специально для предварительного просмотра ссылок.

Просмотреть ссылки предварительного просмотра и документацию по смарт-чипам

Опубликовано



Варианты кодирования :

AppSheet
Скрипт приложений
Полная разработка

Расширяет следующие приложения :

Документы
Листы
Слайды

Доступные фреймворки пользовательского интерфейса :

Каркас карты



Черновики электронной почты

Пример черновика электронного письма

Дополнения Google Workspace, расширяющие Gmail, могут предоставлять настраиваемый интерфейс, когда пользователь создает новые сообщения или отвечает на существующие сообщения. Чтобы использовать этот интерфейс, пользователи открывают дополнение из черновика электронной почты, либо в нижней части черновика, либо в меню дополнительных параметров .

Просмотреть документацию по черновикам электронных писем

Опубликовано



Варианты кодирования :

Скрипт приложений
Полная разработка

Расширяет следующие приложения :

Gmail

Доступные фреймворки пользовательского интерфейса :

Каркас карты



Основная сцена и боковая панель встречи

Знакомьтесь с дополнениями

Дополнения Google Workspace, расширяющие возможности Meet, позволяют встраивать приложение в основную сцену встречи или интерфейс боковой панели, где пользователи могут находить информацию, делиться ею и сотрудничать в вашем приложении, не выходя из Meet.

В отличие от других дополнений Google Workspace, дополнения Meet не используют пользовательский интерфейс фреймворка карт. Вместо этого вы встраиваете свое приложение с помощью iframe.

Просмотреть документацию по SDK дополнений Meet

Опубликовано



Варианты кодирования :

Полная разработка

Расширяет следующие приложения :

Встретиться

Доступные фреймворки пользовательского интерфейса :

фрейм



Календарь конференций

Пример календарной конференции

Если вы являетесь поставщиком услуг веб-конференций, вы можете создать дополнение Google Workspace, которое расширяет Google Calendar с помощью вашего решения для конференций. Дополнение добавляет возможность проведения конференций для событий Календаря, позволяя пользователям создавать и присоединяться к этим конференциям непосредственно из Календаря.

Просмотреть документацию по конференц-связи календаря

Опубликовано



Варианты кодирования :

Скрипт приложений

Расширяет следующие приложения :

Календарь

Доступные фреймворки пользовательского интерфейса :

Использует существующий пользовательский интерфейс


Редактор дополнений

Пример дополнения к редактору

Надстройки редактора — это приложения, которые расширяют Docs, Sheets, Slides или Forms. Надстройки редактора могут расширять только одно приложение на надстройку, но вы можете публиковать несколько надстроек редактора в одном списке Marketplace. Пользователи открывают надстройки редактора из меню «Расширения» в приложении, которое они расширяют.

Вы можете создать следующие функции для надстройки редактора:

Просмотреть документацию по дополнениям редактора

Опубликовано



Варианты кодирования :

Скрипт приложений

Расширяет следующие приложения :

Документы
Листы
Слайды
Формы

Доступные фреймворки пользовательского интерфейса :

HTML
фрейм



Пользовательские функции

Пример пользовательской функции

Пользовательские функции позволяют добавлять больше функций в Таблицы. Пользователи могут находить и использовать их так же, как и любые из сотен встроенных функций, доступных в Таблицах. Вы можете опубликовать пользовательскую функцию как надстройку редактора.

Просмотреть документацию по пользовательским функциям

Опубликовано



Варианты кодирования :

Скрипт приложений

Расширяет следующие приложения :

Листы

Доступные фреймворки пользовательского интерфейса :

Использует существующий пользовательский интерфейс


Макросы

Пример макроса

Макросы — это записи в Таблицах, которые дублируют определенную серию взаимодействий пользовательского интерфейса, которые вы определяете. Вы можете связать макрос с сочетанием клавиш или запустить его из меню Расширения > Макросы .

При записи макроса Таблицы автоматически создают функцию Apps Script, которая копирует взаимодействия пользовательского интерфейса. Вы можете редактировать макросы непосредственно в редакторе Apps Script. Вы можете писать макросы с нуля в Apps Script или брать уже написанные функции и превращать их в макросы. Определение макроса можно включить в надстройку Editor, но нельзя опубликовать.

Просмотреть документацию по макросам

Варианты кодирования :

Скрипт приложений

Расширяет следующие приложения :

Листы

Доступные фреймворки пользовательского интерфейса :

Использует существующий пользовательский интерфейс


Пользовательские меню, диалоги и боковые панели

Пример пользовательского меню

Вы можете добавлять пользовательские меню, подсказки, оповещения, HTML-диалоги и боковые панели в файлы в Документах, Таблицах, Слайдах и Формах как часть надстройки Редактора. Пользовательские меню отображаются рядом с меню по умолчанию приложения, которое они расширяют. Диалоги, боковые панели, подсказки и оповещения обычно активируются действиями пользователя, такими как щелчки по элементам меню, или триггерами, такими как триггеры, управляемые событиями.

Просмотр документации по пользовательским меню, диалогам и боковым панелям

Варианты кодирования :

Скрипт приложений

Расширяет следующие приложения :

Документы
Листы
Слайды
Формы

Доступные фреймворки пользовательского интерфейса :

HTML
фрейм



Приложения Google Чата

Пример приложения чата

Приложения чата привносят ресурсы и сервисы в чат. Вы можете разрабатывать приложения чата для взаимодействия с пользователями многими способами, включая:

  • Отвечайте на команды с косой чертой текстовым сообщением или сообщением-открыткой.
  • Откройте диалоговое окно , чтобы помочь пользователям выполнить многоэтапные процессы, такие как заполнение данных форм.
  • Просматривайте ссылки , прикрепляя карточки с полезной информацией, которые позволяют пользователям выполнять действия непосредственно из разговора.

Просмотреть документацию по чат-приложениям

Опубликовано



Варианты кодирования :

AppSheet
Скрипт приложений
Полная разработка

Расширяет следующие приложения :

Чат

Доступные фреймворки пользовательского интерфейса :

Каркас карты



Приложения Google Диска

Пример приложения Drive

Если ваше приложение поддерживает файлы Drive, вы можете интегрировать его с пользовательским интерфейсом Drive, чтобы представить свое приложение в качестве опции для создания или открытия файлов. Ваше приложение может отображаться в меню New > More и в меню Open with , когда пользователь щелкает правой кнопкой мыши файл в Drive. Когда пользователь выбирает ваше приложение из любого из меню, оно открывается в новом окне.

Просмотреть документацию по приложениям Drive

Опубликовано



Варианты кодирования :

Полная разработка

Расширяет следующие приложения :

Водить машину

Доступные фреймворки пользовательского интерфейса :

Использует существующий пользовательский интерфейс


Дополнения Google Класса

Дополнения к классу

Дополнения Google Classroom позволяют преподавателям создавать вложения в курсовые работы, объявления или материалы курсовых работ. Эти вложения открывают сторонний контент в iframes в Classroom. iframes открывают отдельные URL-адреса в зависимости от типа пользователя и контекста Classroom.

Просмотреть документацию по надстройкам Classroom

Опубликовано



Варианты кодирования :

Полная разработка

Расширяет следующие приложения :

Классная комната

Доступные фреймворки пользовательского интерфейса :

фрейм