Iniciar sesión en la aplicación con el componente de inicio de sesión mediante el Kit de herramientas de Microsoft Graph

Completado

Ahora que ha visto una introducción al kit de herramientas, veamos cómo puede usarlo para cargar datos de servicios de Microsoft 365. En primer lugar, deberá proporcionar una forma para que los usuarios inicien sesión en la aplicación. Afortunadamente, el kit de herramientas simplifica el proceso de autenticación para que pueda centrarse en la creación de la experiencia general del usuario.

¿Cuál es el propósito de agregar el componente de inicio de sesión en la aplicación?

Imagine lo sencillo y seguro que será el proceso de desarrollo de aplicaciones si no necesita controlar uno de los aspectos más lentos. Mediante el kit de herramientas, la lógica de autenticación y la recuperación de tokens de acceso se controlan mediante la adición de una etiqueta HTML simple.

<mgt-login></mgt-login>

Puede usar este componente en la aplicación y olvidarse de escribir y mantener el código de autenticación.

¿Qué son los proveedores en el Kit de herramientas de Microsoft Graph?

Los proveedores simplifican la forma de implementar la autenticación en la aplicación y controlan la realización de llamadas a Microsoft Graph mediante el SDK de cliente de JavaScript. Inicialice un proveedor antes de usar los componentes del kit de herramientas. También es posible usar proveedores por su cuenta, en una aplicación para controlar la autenticación. Hay varios proveedores diferentes que puede usar, en función de la plataforma de destino con los componentes del kit de herramientas:

  • Proveedor de la Biblioteca de autenticación de Microsoft (MSAL) v2: recomendado para aplicaciones de página única que se autentican desde el explorador. Usa el flujo de código de autorización de OAuth con PKCE, que se considera más seguro que el flujo implícito de OAuth2.
  • Proveedor de SharePoint: para su uso en SharePoint Framework.
  • Proveedor Microsoft TeamsFx: para su uso en aplicaciones de página única que se ejecutan como pestañas de Teams.
  • Proveedor de Electron: para su uso en aplicaciones de Electron.
  • Proveedor de proxy: para su uso por parte de aplicaciones web que se autentican en el servidor.
  • Proveedor personalizado: permite crear su propia autenticación.

En el ejercicio siguiente, aprenderá a usar el componente de inicio de sesión del kit de herramientas. Lo hará con el proveedor de MSAL, que es el proveedor más usado en el kit de herramientas.