Entre em seu aplicativo usando o componente de logon do Kit de ferramentas do Microsoft Graph

  • 1 minuto

Agora que você viu uma visão geral do kit de ferramentas, vamos aprender como você pode usá-lo para carregar dados de Microsoft 365 serviços. Primeiro, você precisará fornecer uma maneira para os usuários entrarem em seu aplicativo. Felizmente, o kit de ferramentas simplifica o processo de autenticação para que você possa se concentrar na criação da experiência geral do usuário.

Qual é a finalidade de adicionar o componente logon em seu aplicativo?

Imagine como o processo de desenvolvimento de aplicativos será simples e seguro se um dos aspectos mais demorados for tratado para você. Usando o kit de ferramentas, a lógica de autenticação e a recuperação de token de acesso são tratadas adicionando uma marca HTML simples.

<mgt-login></mgt-login>

Você pode usar esse componente em seu aplicativo e esquecer de escrever e manter o código de autenticação.

O que são provedores no Microsoft Graph Toolkit?

Os provedores simplificam como você implementa a autenticação em seu aplicativo e lidam com a realização de chamadas Microsoft Graph usando o SDK do cliente JavaScript. Você inicializa um provedor antes de usar qualquer componente do kit de ferramentas. Também é possível usar provedores por conta própria, em um aplicativo para lidar com a autenticação. Há vários provedores diferentes que você pode usar, dependendo da plataforma que você está direcionando com os componentes do kit de ferramentas:

  • Provedor de Biblioteca de Autenticação da Microsoft (MSAL) v2: Recomendado para ser usado por aplicativos de página única que são autenticados a partir do navegador. Usa o Fluxo de Código de Autorização OAuth com PKCE que é considerado mais seguro do que o fluxo implícito do OAuth2.
  • Provedor do SharePoint: Para uso na Estrutura do SharePoint.
  • Fornecedor do Microsoft TeamsFx: para utilização por aplicações de página única que são executadas como separadores do Teams.
  • Provedor Electron: Para uso em aplicativos da Electron.
  • Provedor proxy: Para uso por aplicativos Web que se autenticam no servidor.
  • Provedor personalizado: Permite que você crie sua própria autenticação.

No próximo exercício, você aprenderá a usar o componente logon do kit de ferramentas. Você faz isso com o provedor MSAL, que é o provedor mais amplamente usado no kit de ferramentas.