Поделиться через

Обзор Microsoft Graph Toolkit

  • Статья

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

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

Зачем использовать 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.

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

Набор средств Microsoft Graph поддерживается в следующих браузерах:

Microsoft Edge Firefox Chrome Safari Opera Samsung Internet
Microsoft Edge Firefox Chrome Safari Opera Samsung

Дальнейшие действия