Vue d’ensemble du Kit de ressources Microsoft Graph

Article
11/07/2024

Le Kit de ressources Microsoft Graph est un ensemble de composants réutilisables et indépendants de l’infrastructure et de fournisseurs d’authentification qui vous permet d’accéder et d’utiliser Microsoft Graph. Les composants sont complètement et rapidement fonctionnels avec des fournisseurs intégrés qui authentifient et récupèrent des données à partir de Microsoft Graph.

Le Kit de ressources Microsoft Graph simplifie l’utilisation de Microsoft Graph dans votre application. Dans l’exemple suivant, un utilisateur connecté et ses événements de calendrier s’affichent avec seulement deux lignes de code à l’aide des composants Connexion et Agenda .

HTML
React

Ouvrez cet exemple dans mgt.dev.

Pourquoi utiliser le Kit de ressources Microsoft Graph ?

Microsoft Graph Toolkit vous permet d’intégrer rapidement et facilement des expériences courantes optimisées par Microsoft Graph dans votre propre application. Le kit de ressources :

Réduit le temps de développement. Le travail de connexion aux API Microsoft Graph et le rendu des données dans une interface utilisateur qui ressemble à une expérience Microsoft 365 est effectué pour vous, sans aucune personnalisation requise.
Fonctionne partout. Tous les composants sont basés sur des normes web et fonctionnent en toute transparence avec n’importe quel navigateur et infrastructure web modernes (par exemple, React, Angular ou Vue).
Est beau mais flexible. Les composants sont conçus pour ressembler aux expériences Microsoft 365, mais sont également personnalisables à l’aide de propriétés personnalisées css et de création de modèles.

Qui doit l’utiliser ?

Le Kit de ressources Microsoft Graph est idéal pour les développeurs de tous les niveaux d’expérience qui souhaitent développer une application qui se connecte aux données de Microsoft Graph et y accède, par exemple :

Application web
Onglet Microsoft Teams
Application web progressive (PWA)
Application Electron
Composant WebPart SharePoint

Qu’y a-t-il dans le Kit de ressources Microsoft Graph ?

Composants

Le Kit de ressources Microsoft Graph comprend une collection de composants web pour les expériences les plus couramment générées avec les API Microsoft Graph.

Les composant sont également disponibles en tant que composants React.

Composant	Description
Agenda	Affiche les événements dans le calendrier d’un utilisateur ou d’un groupe.
Conversation (préversion)	Affiche une conversation 1 :1 ou de groupe à partir de Microsoft Teams
Fichier	Représente un fichier ou un dossier avec une icône, un nom de fichier, un auteur, etc.
Liste de fichiers	Affiche une liste de plusieurs fichiers ou dossiers.
Obtenir	Vous permet d’envoyer une requête GET à n’importe quel API Graph Microsoft directement dans votre code HTML.
Connexion	Un bouton et un contrôle de menu volant pour authentifier un utilisateur auprès de la plateforme Microsoft Identity et afficher les informations de profil de l’utilisateur lorsqu’il se connecte.
Nouvelle conversation (préversion)	Formulaire permettant de créer une conversation 1 :1 ou de groupe dans Microsoft Teams
Contacts	Affiche un groupe de personnes ou de contacts par leurs photos ou initiales.
Sélecteur de personnes	Recherche pour les personnes et affiche la liste des résultats.
Personne	Permet d’afficher une personne ou un contact par sa photo, son nom et son adresse de messagerie.
Carte personnelle	Menu volant utilisé sur le composant d’une personne pour afficher d’autres informations de profil d’un utilisateur.
Picker	Affiche un contrôle de liste déroulante qui autorise la sélection d’une ressource unique à partir d’un tableau de ressources.
Tâches de planificateur	Affiche et active l’ajout, la suppression, la finalisation ou la modification de tâches à partir du Planificateur Microsoft ou de Microsoft To Do.
Zone de recherche	Recherche pour que les canaux Microsoft Teams sélectionnent un canal dans une liste de résultats affichée.
Résultats de la recherche	Vous permet d’effectuer une requête sur le point de terminaison de recherche de Microsoft Graph directement dans votre code HTML.
Sélecteur de taxonomie	Utilisez le composant sélecteur de taxonomie pour interroger microsoft API Graph de taxonomie et afficher un contrôle de liste déroulante avec des termes.
Sélecteur de canaux Teams	Recherche pour que les canaux Microsoft Teams sélectionnent un canal dans une liste de résultats affichée.
To Do	Affiche et active l’ajout, la suppression, la finalisation et la modification de tâches à partir de Microsoft To Do.

Fournisseurs

Les fournisseurs activent l’authentification, fournissent l’implémentation de l’acquisition de jetons d’accès sur différentes plateformes et exposent un client Microsoft Graph pour appeler les API Microsoft Graph. Les composants fonctionnent de façon optimale lorsqu’ils sont utilisés avec un fournisseur, toutefois les fournisseurs peuvent être utilisés seuls.

Fournisseurs	Description
Personnalisé	Crée un fournisseur personnalisé pour activer l’authentification et l’accès à Microsoft Graph à l’aide du code d’authentification existant de votre application.
Électron	Authentifie et fournit à Microsoft Graph l’accès aux composants à l’intérieur des applications Electron.
MSAL2	Utilise msal-browser pour connecter des utilisateurs et acquérir des jetons à utiliser avec Microsoft Graph.
Proxy	Permet l’utilisation de l’authentification principale en effectuant le routage de tous les appels vers Microsoft Graph au moyen de votre serveur principal.
SharePoint	Authentifie et fournit l’accès à Microsoft Graph aux composants présents dans les composants WebPart SharePoint.
TeamsFx	Utilisez le fournisseur TeamsFx dans vos applications Microsoft Teams pour fournir aux composants du Kit de ressources Microsoft Graph l’accès à Microsoft Graph.