Mostrar dados de Microsoft 365

Concluído

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. Pode implementar facilmente eventos de calendário com o mgt-agenda componente na sua aplicação. Por predefinição, este componente devolve eventos de calendário do ponto final da Microsoft Graph /me/calendarview API.

<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. Pode utilizar o componente Tarefas para obter dados do Microsoft Planner. mgt-tasks irá mostrar os dados de um utilizador através de uma IU pré-criada semelhante à experiência do Microsoft 365:

<mgt-tasks></mgt-tasks>

Captura de tela do componente Tarefas do Microsoft Graph Toolkit.

Se quiser mostrar uma lista de pessoas na sua aplicação e procurar uma pessoa específica, pode utilizar o componente Selecionador de Pessoas.

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

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

Pode processar os resultados com 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.