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

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

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

Вы можете опубликовать большинство вариантов расширения пользовательского интерфейса 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
Документы
Листы
Слайды
Таблица приложений
Скрипт приложений
Полная разработка
Черновики электронной почты | Дополнения Google Workspace Пример дополнения Google Workspace для черновиков электронных писем
Gmail
Скрипт приложений
Полная разработка
Основная сцена и боковая панель встречи | Дополнения Google Workspace Дополнения Google Meet
Встретиться
Полная разработка
Календарь конференций | Дополнения Google Workspace Надстройка Google Workspace для примера конференц-связи в Календаре
Календарь
Скрипт приложений

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

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

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

Макросы Пример макроса
Листы
Скрипт приложений

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

Карточная структура



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

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

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

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

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



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

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

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

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

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

Карточная структура



Черновики электронной почты | Дополнения Google Workspace

Пример черновика письма

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

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

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



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

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

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

Gmail

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

Карточная структура



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

Встречайте дополнения

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

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

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

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



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

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

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

Встретиться

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

iframe



Календарь конференций | Дополнения Google Workspace

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

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

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

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



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

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

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

Календарь

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

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


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

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

Надстройки редактора — это приложения, которые расширяют возможности Документов, Таблиц, Слайдов или Форм. Надстройки редактора могут расширять только одно приложение на надстройку, но вы можете опубликовать несколько надстроек редактора в одном списке Marketplace. Пользователи открывают надстройки Редактора из меню «Расширения» в приложении, которое они расширяют.

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

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

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



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

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

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

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

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

HTML
iframe



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

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

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

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

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

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



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

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

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

Чат

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

Карточная структура



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

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

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

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

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



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

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

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

Листы

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

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


Макросы

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

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

Когда вы записываете макрос, Sheets автоматически создает функцию Apps Script, которая воспроизводит взаимодействия пользовательского интерфейса. Макросы можно редактировать непосредственно в редакторе Apps Script. Вы можете писать макросы с нуля в Apps Script или взять уже написанные функции и превратить их в макросы.

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

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

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

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

Листы

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

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


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

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

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

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

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

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

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

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

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

HTML
iframe



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

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

Если ваше приложение поддерживает файлы Диска, вы можете интегрировать его с пользовательским интерфейсом Диска, чтобы предоставить вашему приложению возможность создавать или открывать файлы. Ваше приложение может появиться в меню «Создать» > «Еще» и в меню «Открыть с помощью» , когда пользователь щелкает правой кнопкой мыши файл на Диске. Когда пользователь выбирает ваше приложение в любом меню, оно открывается в новом окне.

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

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



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

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

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

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

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

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


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

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

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

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

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



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

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

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

класс

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

iframe