Nota
O acesso a esta página requer autorização. Pode tentar iniciar sessão ou alterar os diretórios.
O acesso a esta página requer autorização. Pode tentar alterar os diretórios.
Cuidado
O Microsoft Graph Toolkit foi preterido. O período de aposentadoria começa em 1º de setembro de 2025, com aposentadoria total planejada para 28 de agosto de 2026. Os desenvolvedores devem migrar para o uso dos SDKs do Microsoft Graph ou outras ferramentas do Microsoft Graph com suporte para criar experiências na Web. Para obter mais informações, consulte o anúncio de substituição.
Kit de ferramentas do Microsoft Graph é uma coleção de componentes e fornecedores de autenticação reutilizáveis e agnósticos de quadro para acessar e trabalhar com o Microsoft Graph. Os componentes são totalmente funcionais prontos para uso, com provedores integrados que se autenticam e buscam dados do Microsoft Graph.
O Kit de ferramentas do Microsoft Graph facilita o uso do Microsoft Graph em sua aplicação. No exemplo a seguir, um usuário conectado e seus eventos de calendário são exibidos com apenas duas linhas de código usando os componentes Logon e Agenda .
Por que usar o Microsoft Graph Toolkit?
O Microsoft Graph Toolkit permite que você integre de forma rápida e fácil experiências comuns da plataforma Microsoft Graph em seu próprio aplicativo. O kit de ferramentas:
Reduz o tempo de desenvolvimento. O trabalho de se conectar às APIs do Microsoft Graph e renderizar os dados em uma interface do usuário que se pareça com uma experiência do Microsoft 365 é feito para você, sem a necessidade de personalização.
Funciona em qualquer lugar. Todos os componentes são baseados em padrões da Web e funcionam perfeitamente com qualquer navegador moderno e estrutura da Web (como React, Angular ou Vue).
É bonito, mas flexível. Os componentes são projetados para se parecerem com as experiências do Microsoft 365, mas também são personalizáveis usando propriedades personalizadas CSS e modelos.
Quem deve usá-lo?
O Microsoft Graph Toolkit é ótimo para desenvolvedores de todos os níveis de experiência que desejam desenvolver um aplicativo que se conecte e acesse dados do Microsoft Graph, como:
- Aplicativo Web
- Guia Microsoft Teams
- PWA (Aplicativo Web Progressivo)
- Aplicativo Electron
- Web Part do SharePoint
O que há no Microsoft Graph Toolkit?
Componentes
O Microsoft Graph Toolkit inclui uma coleção de componentes da Web para as experiências mais comumente criadas com APIs do Microsoft Graph.
Os componentes também estão disponíveis como componentes do React.
| Componente | Descrição |
|---|---|
| Agenda | Exibe eventos no calendário de um usuário ou grupo. |
| Chat (versão prévia) | Exibe uma conversa individual ou em grupo do Microsoft Teams |
| Arquivo | Representa um arquivo ou pasta com um ícone, um nome de arquivo, um autor e muito mais. |
| Lista de arquivos | Exibe uma lista de vários arquivos ou pastas. |
| Get | Permite fazer uma consulta GET a qualquer API do Graph diretamente em seu HTML. |
| Logon | Um botão e um controle de submenu para autenticar um usuário com a plataforma Microsoft Identity e exibir as informações de perfil do usuário quando ele entrar. |
| Novo chat (versão prévia) | Um formulário para criar uma nova conversa individual ou em grupo no Microsoft Teams |
| Pessoas | Exibe um grupo de pessoas ou contatos por suas fotos ou iniciais. |
| People picker | Pesquisar pessoas e renderiza a lista de resultados. |
| Pessoa | Exibe uma pessoa ou contato por sua foto, nome e/ou endereço de email. |
| Cartão pessoal | Um submenu usado no componente pessoa para exibir mais informações de perfil sobre um usuário. |
| Seletor | Renderiza um controle suspenso que permite a seleção de um único recurso de uma matriz de recursos. |
| Tarefas do Planner | Exibe e habilita a adição, remoção, conclusão ou edição de tarefas do Microsoft Planner ou do Microsoft To Do. |
| Caixa de pesquisa | Pesquise canais do Microsoft Teams para selecionar um canal em uma lista renderizada de resultados. |
| Resultados da pesquisa | Permite que você faça uma consulta ao ponto de extremidade de pesquisa do Microsoft Graph diretamente em seu HTML. |
| Seletor de taxonomia | Use o componente seletor de taxonomia para consultar a API do Graph Microsoft para Taxonomia e renderizar um controle suspenso com termos. |
| Seletor de canal do Teams | Pesquise canais do Microsoft Teams para selecionar um canal em uma lista renderizada de resultados. |
| To Do | Exibe e habilita a adição, remoção, conclusão ou edição de tarefas do Microsoft To Do. |
Provedores
Os provedores habilitam a autenticação, fornecem a implementação para adquirir tokens de acesso em várias plataformas e expõem um cliente Microsoft Graph para chamar as APIs do Microsoft Graph. Os componentes funcionam melhor quando usados com um provedor, mas os provedores podem ser usados por conta própria.
| Provedores | Descrição |
|---|---|
| Personalizados | Cria um provedor personalizado para habilitar a autenticação e o acesso ao Microsoft Graph usando o código de autenticação existente do aplicativo. |
| Elétron | Autentica e fornece ao Microsoft Graph acesso aos componentes dentro dos aplicativos Electron. |
| MSAL2 | Usa msal-browser para conectar usuários e adquirir tokens para usar com o Microsoft Graph. |
| Aplicativo Web | Permite o uso da autenticação de back-end roteando todas as chamadas para o Microsoft Graph por meio de seu back-end. |
| SharePoint | Autentica e fornece acesso do Microsoft Graph aos componentes dentro das Web Parts do SharePoint. |
| TeamsFx | Use o provedor TeamsFx em seus aplicativos do Microsoft Teams para fornecer aos componentes do Microsoft Graph Toolkit acesso ao Microsoft Graph. |
Onde posso usá-lo?
O Microsoft Graph Toolkit é compatível com os seguintes navegadores:
|
|
|
|
|
|
|
|---|---|---|---|---|---|
| Borda | Firefox | Chrome | Safari | Opera | Samsung |
Próximas etapas
- Experimente os componentes do playground.
- Introdução ao Microsoft Graph Toolkit.
- Confira o Microsoft Graph Toolkit no GitHub.