Microsoft Graph Toolkit: componentes de interfaz de usuario y proveedores de autenticación para Microsoft Graph

Artículo
09/13/2021
3 minutos para leer

Microsoft Graph Toolkit una colección de componentes reutilizables, independientes del marco y proveedores de autenticación para acceder y trabajar con Microsoft Graph. Los componentes son totalmente funcionales desde el primer momento, con proveedores integrados que se autentican con y capturan datos de Microsoft Graph.

Microsoft Graph Toolkit facilita el uso de Microsoft Graph en la aplicación. En el siguiente ejemplo, un usuario que ha iniciado sesión y sus eventos de calendario se muestran con solo dos líneas de código mediante los componentes Inicio de sesión y Agenda.

Abra este ejemplo en mgt.dev

¿Qué hay en microsoft Graph Toolkit?

Componentes

Microsoft Graph Toolkit una colección de componentes web para las experiencias más comunes creadas con tecnología de las API Graph Microsoft.

Los componentes también están disponibles como React componentes.

Componente	Descripción
Inicio de sesión	Un botón y un control de control desplegable para autenticar a un usuario con la plataforma Microsoft Identity y mostrar la información de perfil del usuario al iniciar sesión.
Persona	Muestra una persona o contacto por su foto, nombre y/o dirección de correo electrónico.
Personas	Muestra un grupo de personas o contactos por sus fotos o iniciales.
Agenda	Muestra eventos en el calendario de un usuario o grupo.
Selector de personas	Proporciona la capacidad de buscar personas y representa la lista de resultados.
Tarjeta para personas	Un control desplegable que se usa en el componente de persona para mostrar más información de perfil sobre un usuario.
Archivo	Representa un archivo o carpeta con icono, nombre de archivo, autor y mucho más.
Lista de archivos	Muestra una lista de varios archivos o carpetas.
Obtener	Realice una consulta GET a cualquier API de Microsoft Graph directamente en su HTML.
Selector de canales	Proporciona la capacidad de buscar canales Microsoft Teams para seleccionar un canal de una lista de resultados representados.
Tareas pendientes	Muestra y permite agregar, quitar, completar o editar tareas de Microsoft To Do.
Tareas	Muestra y permite agregar, quitar, completar o editar tareas de Microsoft Planner o Microsoft To Do.

Proveedores

Los proveedores habilitan la autenticación y proporcionan la implementación para adquirir tokens de acceso en varias plataformas y exponen un cliente de Microsoft Graph para llamar a las API Graph Microsoft. Los componentes funcionan mejor cuando se usan con un proveedor, pero los proveedores se pueden usar por su cuenta.

Proveedores	Descripción
MSAL	Usa msal.js para iniciar sesión en usuarios y adquirir tokens para usarlos con Microsoft Graph.
MSAL2	Usa msal-browser para iniciar sesión en usuarios y adquirir tokens para usarlos con Microsoft Graph.
Electron	Autentica y proporciona a Microsoft Graph acceso a componentes dentro de aplicaciones de Electron
SharePoint	Autentica y proporciona a Microsoft Graph acceso a componentes dentro de SharePoint elementos web.
Teams	Usa msal.js para iniciar sesión en usuarios y adquirir tokens en el cliente en Microsoft Teams pestañas.
Teams MSAL2	Usa msal-browser para iniciar sesión en usuarios y adquirir tokens en Microsoft Teams pestañas. Admite single Sign-On con back-end personalizado.
Proxy	Permite el uso de la autenticación back-end enrutando todas las llamadas a Microsoft Graph a través del back-end.
Personalizados	Cree un proveedor personalizado para habilitar la autenticación y el acceso a Microsoft Graph con el código de autenticación existente de la aplicación.

¿Por qué usar microsoft Graph Toolkit?

Microsoft Graph Toolkit la integración de experiencias comunes con tecnología de Microsoft Graph en su propia aplicación de forma rápida y sencilla.

Reducir el tiempo de desarrollo

El trabajo para conectarse a las API de Microsoft Graph y representar los datos en una interfaz de usuario que parece una experiencia de Microsoft365 se realiza automáticamente, sin necesidad de personalización.

Funciona en todas partes

Todos los componentes se basan en estándares web y funcionan sin problemas con cualquier marco web y explorador moderno (React, Angular, Vue, etc.).

Hermoso pero flexible

Los componentes están diseñados para que parezcan experiencias de Microsoft365, pero también se pueden personalizar con propiedades personalizadas css y plantillas.

Quién Debe usarlo?

Microsoft Graph Toolkit es ideal para desarrolladores de todos los niveles de experiencia que buscan desarrollar una aplicación que se conecte a los datos de Microsoft y acceda a ellos desde Graph, como: