Отображение данных из Microsoft 365
В этом модуле вы познакомитесь с другими компонентами Microsoft Graph Toolkit и узнаете, как показывать данные из Microsoft 365, используя эти компоненты.
Что представляют собой компоненты Microsoft Graph Toolkit?
Компоненты Microsoft Graph Toolkit — это, по сути, HTML-теги. Компоненты получают маркеры доступа от поставщиков, вызывают API Microsoft Graph для извлечения необходимых данных и отображают их, используя Fluent UI. Эти многократно используемые HTML-теги помогают интегрировать различные типы данных из Microsoft 365.
Существует множество компонентов, которые можно использовать в приложении для доступа к наиболее популярным наборам данных Microsoft 365. Обсудим несколько компонентов и посмотрим, как использовать их в различных сценариях.
Сценарий 1. Получение событий из календаря
Предположим, приложение должно показывать предстоящие события календаря вошедшего пользователя. События календаря можно легко реализовать с помощью mgt-agenda компонента в приложении. По умолчанию этот компонент возвращает события календаря из конечной точки API Microsoft Graph /me/calendarview .
<mgt-agenda></mgt-agenda>
Сценарий 2. Отображение задач из планировщика
Допустим, вы хотите создать веб-страницу, на которой будут отображаться задачи пользователя. Компонент Задачи можно использовать для получения данных из Планировщика Майкрософт.
mgt-tasks будет отображать данные пользователя с помощью предварительно созданного пользовательского интерфейса, похожего на интерфейс Microsoft 365:
<mgt-tasks></mgt-tasks>
Сценарий 3. Интеграция поиска людей
Если вы хотите отобразить список людей в приложении и найти определенного человека, можно использовать компонент Выбора людей.
<mgt-people-picker></mgt-people-picker>
Результаты можно обработать с помощью атрибутов, поддерживаемых компонентом mgt-people-picker . Например, вы можете ограничить максимальное количество отображаемых в списке людей:
<mgt-people-picker show-max="3"></mgt-people-picker>
Подводя итог, следует отметить, что все компоненты в Microsoft Graph Toolkit имеют одинаковую структуру. Они связываются с поставщиками для проведения аутентификации, получают данные, используя API Microsoft Graph, и отображают результаты, используя стандартный интерфейс.