Mostrar dados de Microsoft 365

  • 5 minutos

Nesta unidade, você descobrirá outros componentes Microsoft Graph Toolkit e aprenderá a mostrar dados do Microsoft 365 usando esses componentes.

O que são os componentes do Microsoft Graph Toolkit?

Os componentes do Microsoft Graph Toolkit (componentes web) são, na verdade, marcas HTML. Os componentes funcionam com provedores para obter tokens de acesso do usuário, chamar APIs do Microsoft Graph para recuperar os dados necessários e mostrar os dados usando a interface do usuário fluente. Essas marcas HTML reutilizáveis ajudam você a integrar diferentes tipos de dados do Microsoft 365.

Há muitos componentes disponíveis que você pode usar para acessar os conjuntos de dados mais populares do Microsoft 365 em seu aplicativo. Vamos discutir alguns componentes e ver como usá-los em vários cenários.

Cenário 1: obter eventos do calendário

Suponha que você queira mostrar eventos de calendário futuros para um usuário conectado em seu aplicativo. Você pode implementar facilmente eventos de calendário usando o mgt-agenda componente em seu aplicativo. Por padrão, esse componente retorna eventos de calendário do ponto de extremidade da API do Microsoft Graph /me/calendarview .

<mgt-agenda></mgt-agenda>

Captura de tela do componente Agenda do Microsoft Graph Toolkit.

Cenário 2: mostrar tarefas do Planner

Digamos que você queira criar uma página da Web para mostrar as tarefas de um usuário. Você pode usar o componente Tarefas para obter dados do Microsoft Planner. mgt-tasks mostrará os dados de um usuário usando uma interface do usuário pré-criada que é semelhante à experiência do Microsoft 365:

<mgt-tasks></mgt-tasks>

Captura de tela do componente Tarefas do Microsoft Graph Toolkit.

Se você quiser mostrar uma lista de pessoas em seu aplicativo e pesquisar uma pessoa específica, poderá usar o componente People Picker.

<mgt-people-picker></mgt-people-picker>

Breve animação do componente Seletor de Pessoas do Microsoft Graph Toolkit.

Você pode processar os resultados usando atributos suportados pelo mgt-people-picker componente. Por exemplo, você pode limitar o número máximo de pessoas mostradas na lista:

<mgt-people-picker show-max="3"></mgt-people-picker>

Captura de tela do atributo show-max no componente Seletor de Pessoas.

Em resumo, todos os componentes Microsoft Graph Toolkit compartilham a mesma estrutura. Eles trabalham com provedores para lidar com a autenticação, obter dados usando APIs do Microsoft Graph e mostrar os resultados usando uma interface do usuário pré-criada.