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

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:

  • Aplicación web
  • Microsoft Teams pestaña
  • Aplicación web progresiva (PWA)
  • Aplicación Electron
  • SharePoint elemento web

¿Dónde puedo usarlo?

Microsoft Graph Toolkit se admite en los siguientes exploradores.

Microsoft Edge Firefox Chrome Safari Opera Samsung Internet
Microsoft Edge Firefox Chrome Safari Opera Samsung

Pasos siguientes