Обзор Microsoft Graph Toolkit

Статья
11/15/2023

Microsoft Graph Toolkit — это коллекция многократно используемых, не зависящих от платформы компонентов и поставщиков проверки подлинности для доступа и работы в Microsoft Graph. Готовые компоненты полностью функциональны и включают встроенных поставщиков, которые проверяют подлинность и получают данные из Microsoft Graph.

Microsoft Graph Toolkit позволяет легко использовать Microsoft Graph в своем приложении. В следующем примере вошедшего пользователя и событий календаря отображаются всего с двумя строками кода с помощью компонентов Login и Agenda .

HTML
React;

Откройте этот пример в mgt.dev.

Зачем использовать Microsoft Graph Toolkit?

Набор средств Microsoft Graph позволяет быстро и легко интегрировать распространенные интерфейсы на платформе Microsoft Graph в собственное приложение. Набор средств:

Сокращает время разработки. Работа по подключению к API Microsoft Graph и отображению данных в пользовательском интерфейсе, который выглядит и выглядит как интерфейс Microsoft 365, выполняется за вас без необходимости настройки.
Работает везде. Все компоненты основаны на веб-стандартах и легко работают с любым современным браузером и веб-платформой (например, React, Angular или Vue).
Красивая, но гибкая. Компоненты предназначены для того, чтобы выглядеть и чувствовать себя как интерфейсы Microsoft 365, но также можно настраивать с помощью настраиваемых свойств CSS и шаблонов.

Кто должен его использовать?

Набор средств Microsoft Graph отлично подходит для разработчиков всех уровней взаимодействия, которые хотят разработать приложение, которое подключается к данным Microsoft Graph и обращается к нему, например:

Веб-приложение
Вкладка Microsoft Teams
Прогрессивное веб-приложение (PWA)
Приложение Electron
Веб-часть SharePoint

Что есть в Наборе средств Microsoft Graph?

Компоненты

Набор средств Microsoft Graph включает коллекцию веб-компонентов для наиболее часто создаваемых интерфейсов на основе API Microsoft Graph.

Они также доступны как компоненты React.

Компонент	Описание
Повестка дня	Отображает события в календаре пользователя или группы.
Чат (предварительная версия)	Отображение беседы 1:1 или групповой беседы из Microsoft Teams
Файл	Представляет файл или папку со значком, именем файла, автором и т. д.
Список файлов	Отображает список нескольких файлов или папок.
Получение	Позволяет выполнять запрос GET к любой API Graph Майкрософт непосредственно в HTML- коде.
Вход	Кнопка и всплывающий элемент управления для проверки подлинности пользователя на платформе Microsoft Identity и отображения сведений профиля пользователя при входе.
Новый чат (предварительная версия)	Форма для создания новой беседы 1:1 или групповой беседы в Microsoft Teams
Люди	Отображает группу людей или контактов с помощью их фотографий или инициалов.
Выбор людей	Поиск для пользователей и отображает список результатов.
Человек	Отображает пользователя или контакт с помощью его фотографии, имени и/или адреса электронной почты.
Карточка контакта	Всплывающий элемент, который используется в компоненте "Человек", чтобы отобразить больше сведений профиля о пользователе.
Выбора	Отображает раскрывающийся список, который позволяет выбрать один ресурс из массива ресурсов.
Задачи Планировщика	Отображает и включает добавление, удаление, выполнение или редактирование задач из Планировщика (Майкрософт) или Microsoft To Do.
Окно поиска.	Поиск каналов Microsoft Teams, чтобы выбрать канал из отображаемого списка результатов.
результатах поиска;	Позволяет выполнять запрос к конечной точке поиска Microsoft Graph непосредственно в HTML-коде.
Средство выбора таксономии	Используйте компонент средства выбора таксономии для запроса API Graph Майкрософт для таксономии и отрисовки раскрывающегося элемента управления с терминами.
Средство выбора каналов Teams	Поиск каналов Microsoft Teams, чтобы выбрать канал из отображаемого списка результатов.
To Do	Отображает и включает добавление, удаление, выполнение или редактирование задач из Microsoft To Do.

Поставщики

Поставщики обеспечивают проверку подлинности, предоставляют реализацию для получения маркеров доступа на различных платформах и предоставляют клиент Microsoft Graph для вызова API Microsoft Graph. Компоненты работают наилучшим образом, если используются с поставщиком, однако поставщики могут использоваться самостоятельно.

Поставщики	Описание
Custom	Создает настраиваемый поставщик для включения проверки подлинности и доступа к Microsoft Graph с помощью существующего кода проверки подлинности приложения.
Электрон	Выполняет проверку подлинности и предоставляет Microsoft Graph доступ к компонентам в приложениях Electron.
MSAL2	Использует msal-browser для входа пользователей и получения маркеров для использования с Microsoft Graph.
Прокси-сервер	Позволяет использовать проверку подлинности на внутреннем сервере с помощью маршрутизации всех вызовов Microsoft Graph через внутренний сервер.
SharePoint	Проверяет подлинность и предоставляет Microsoft Graph доступ к компонентам в веб-частях SharePoint.
TeamsFx	Используйте поставщик TeamsFx в приложениях Microsoft Teams, чтобы предоставить компонентам Microsoft Graph Toolkit доступ к Microsoft Graph.