Afficher les données de Microsoft 365
Dans cette unité, vous découvrirez d’autres composants du Kit de ressources Microsoft Graph et apprendrez à afficher des données de Microsoft 365 à l’aide de ces composants.
Quels sont les composants du Kit de ressources Microsoft Graph ?
Les composants du Kit de ressources Microsoft Graph (composants web) sont en fait des balises HTML. Les composants fonctionnent avec des fournisseurs pour obtenir des jetons d’accès utilisateur, appeler des APIs Microsoft Graph pour récupérer les données requises, et les afficher à l’aide de l’interface utilisateur Fluent. Ces balises HTML réutilisables vous aident à intégrer différents types de données à partir de Microsoft 365.
Vous pouvez utiliser une variété de composants pour accéder aux jeux de données Microsoft 365 les plus populaires dans votre application. Nous allons aborder quelques composants et voir comment les utiliser dans différents scénarios.
Scénario 1 : obtenir des événements à partir du calendrier
Supposons que vous souhaitez afficher les événements de calendrier à venir pour un utilisateur connecté dans votre application. Vous pouvez facilement implémenter des événements de calendrier à l’aide du mgt-agenda composant dans votre application. Par défaut, ce composant retourne des événements de calendrier à partir du point de terminaison de l’API Microsoft Graph /me/calendarview .
<mgt-agenda></mgt-agenda>
Scénario 2 : afficher les tâches du Planificateur
Supposons que vous voulez créer une page web pour afficher les tâches d’un utilisateur. Vous pouvez utiliser le composant Tâches pour obtenir des données à partir du Planificateur Microsoft.
mgt-tasks affiche les données d’un utilisateur à l’aide d’une interface utilisateur prédéfinie similaire à l’expérience Microsoft 365 :
<mgt-tasks></mgt-tasks>
Scénario 3 : intégrer la recherche de contacts
Si vous souhaitez afficher une liste de personnes dans votre application et rechercher une personne spécifique, vous pouvez utiliser le composant Sélecteur de personnes.
<mgt-people-picker></mgt-people-picker>
Vous pouvez traiter les résultats à l’aide des attributs pris en charge par le mgt-people-picker composant. Par exemple, vous pouvez limiter le nombre maximal de personnes affichées dans la liste :
<mgt-people-picker show-max="3"></mgt-people-picker>
En résumé, tous les composants du Kit de ressources Microsoft Graph partagent la même structure. Ils fonctionnent avec les fournisseurs pour gérer l’authentification, obtenir des données à l’aide d’APIs Microsoft Graph, et afficher les résultats à l’aide d’une interface utilisateur pré-intégrée.