Для решений многих повседневных задач используются продукты Microsoft Office, такие, как Word, Excel, PowerPoint и т.д. Но не все знают, что в этих приложениях можно использовать надстройки (Add-ins), доступные из Microsoft AppSource. Эти надстройки позволяют расширить стандартный функционал Office, например, осуществлять перевод текста, искать изображения в интернете или даже планировать встречи в Starbucks. Стоит отметить, что многие современные надстройки работают с Office для iPad, Office Online и Office для Mac, а не только с традиционными настольными версиями Office для Windows.

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

• получение данных из открытого документа Microsoft Office в контекст виджета;
• анализ полученных данных из текущего документа, выделение ключевых слов с помощью простого NLP алгоритма (подсчет наиболее используемых слов, не считая предлогов и союзов), а также поиск по этим словам и отображение соответствующего контента (карточки с различными типами содержания: текст, изображения, видео, опросники и т.д.), посредством API уже написанного сервера;
• возможность быстрой вставки контента из результатов поиска в рабочую область документа.

Для реализации собственной надстройки Office, нам нужно подготовить два основных компонента — файл манифеста и веб-приложение.

Руководство по Windows PowerShell для начинающих

tproger.ru

Манифест представляет собой XML-файл, который определяет следующие параметры и возможности надстройки:

• Отображаемое имя, описание, идентификатор, версию и языковой стандарт надстройки по умолчанию.
• Способ интеграции надстройки с Office.
• Уровень разрешений и требования для доступа к данным для надстройки.

Веб-приложение — это HTML-страница, которая отображается в приложении Office. Для создания кода, который взаимодействует с документами Office, а также позволяет пользователю взаимодействовать с веб-ресурсами из приложения Office, можно применять любые технологии, как клиентские, так и серверные. В свою очередь, Microsoft предоставляет интерфейсы API JavaScript Office.js для взаимодействия с документами. Выглядит это следующим образом:

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

• Разрабатывайте специально для Office.
• Сосредоточьтесь на нескольких ключевых задачах.
• Содержимое важнее, чем хром (внешний вид).
• Сделайте работу с надстройкой приятной и разрешите пользователям самим выбирать, что делать.
• Поддержка всех платформ и способов ввода.

Так же Microsoft разработал Office UI Fabric — официальный front-end framework для создания интерфейсов в Office. И конечно же, рекомендует его использовать при разработке.

#статьи #microsoft #react