Überblick über das Microsoft Graph-Toolkit

Artikel
04/17/2024

Microsoft Graph-Toolkit ist eine Sammlung von wiederverwendbaren, vom Framework unabhängigen Komponenten und Authentifizierungsanbietern für den Zugriff auf und die Arbeit mit Microsoft Graph. Die Komponenten werden voll funktionsfähig geliefert, mit eingebauten Anbietern, die sich mit Microsoft Graph authentifizieren und Daten daraus abrufen.

Das Microsoft Graph-Toolkit erleichtert die Verwendung von Microsoft Graph in Ihrer Anwendung. Im folgenden Beispiel werden ein angemeldeter Benutzer und seine Kalenderereignisse mit nur zwei Codezeilen angezeigt, indem die Komponenten Login und Agenda verwendet werden.

HTML
React

Öffnen Sie dieses Beispiel in mgt.dev.

Gründe für die Verwendung des Microsoft Graph-Toolkits

Mit dem Microsoft Graph-Toolkit können Sie gängige Benutzeroberflächen, die von Microsoft Graph unterstützt werden, schnell und einfach in Ihre eigene Anwendung integrieren. Das Toolkit:

Verkürzt die Entwicklungszeit. Die Arbeit zum Herstellen einer Verbindung mit Microsoft Graph-APIs und zum Rendern der Daten auf einer Benutzeroberfläche, die wie eine Microsoft 365-Benutzeroberfläche aussieht, ist für Sie erledigt, ohne dass eine Anpassung erforderlich ist.
Funktioniert überall. Alle Komponenten basieren auf Webstandards und funktionieren nahtlos mit jedem modernen Browser und Webframework (z. B. React, Angular oder Vue).
Ist schön, aber flexibel. Die Komponenten sind so konzipiert, dass sie wie Microsoft 365-Umgebungen aussehen und sich anfühlen, können aber auch mithilfe von benutzerdefinierten CSS-Eigenschaften und Vorlagen angepasst werden.

Wer sollte es verwenden?

Das Microsoft Graph-Toolkit eignet sich hervorragend für Entwickler aller Erfahrungsstufen, die eine App entwickeln möchten, die eine Verbindung mit Daten von Microsoft Graph herstellt und auf diese zugreift, z. B.:

Web-App
Registerkarte "Microsoft Teams"
Progressive Web-App (PWA)
Electron-App
SharePoint-Webpart

Was ist im Microsoft Graph-Toolkit enthalten?

Komponenten

Das Microsoft Graph-Toolkit enthält eine Sammlung von Webkomponenten für die am häufigsten erstellten Umgebungen, die von Microsoft Graph-APIs unterstützt werden.

Die Komponenten sind auch als React-Komponenten verfügbar.

Komponente	Beschreibung
Agenda	Zeigt Ereignisse im Kalender eines Benutzers oder einer Gruppe an.
Chat (Vorschau)	Zeigt eine 1:1- oder Gruppenunterhaltung aus Microsoft Teams an
Datei	Stellt eine Datei oder einen Ordner mit einem Symbol, einem Dateinamen, einem Autor und mehr dar.
Dateiliste	Zeigt eine Liste mit mehreren Dateien oder Ordnern an.
Get	Ermöglicht es Ihnen, eine GET-Abfrage an beliebige Microsoft-Graph-API direkt in Ihrem HTML-Code zu erstellen.
Benutzername	Eine Schaltfläche und ein Flyout-Steuerelement, um einen Benutzer bei der Microsoft Identity Platform zu authentifizieren und die Profilinformationen des Benutzers anzuzeigen, wenn er sich anmeldet.
Neuer Chat (Vorschau)	Ein Formular zum Erstellen einer neuen 1:1- oder Gruppenunterhaltung in Microsoft Teams
Personen	Zeigt eine Gruppe von Personen oder Kontakten anhand ihrer Fotos oder Initialen an.
Personen-Auswahl	Search für Personen und rendert die Ergebnisliste.
Person	Zeigt eine Person oder einen Kontakt anhand ihres Fotos, Namens und/oder ihrer E-Mail-Adresse an.
Personenkarte	Ein Flyout, das für die Personenkomponente verwendet wird, um weitere Profilinformationen zu einem Benutzer anzuzeigen.
Picker	Rendert ein Dropdownsteuerelement, das die Auswahl einer einzelnen Ressource aus einem Ressourcenarray zulässt.
Planner-Aufgaben	Zeigt an und ermöglicht das Hinzufügen, Entfernen, Abschließen oder Bearbeiten von Aufgaben aus Microsoft Planner oder Microsoft To Do.
Suchfeld	Search für Microsoft Teams-Kanäle, um einen Kanal aus einer gerenderten Ergebnisliste auszuwählen.
Suchergebnisse	Ermöglicht es Ihnen, eine Abfrage an den Suchendpunkt von Microsoft Graph direkt in Ihrem HTML-Code zu erstellen.
Taxonomieauswahl	Verwenden Sie die Taxonomieauswahlkomponente, um die Microsoft Graph-API für Taxonomie abzufragen und ein Dropdown-Steuerelement mit Begriffen zu rendern.
Teams-Kanalauswahl	Search für Microsoft Teams-Kanäle, um einen Kanal aus einer gerenderten Ergebnisliste auszuwählen.
To Do	Zeigt an und ermöglicht das Hinzufügen, Entfernen, Abschließen oder Bearbeiten von Aufgaben aus Microsoft To Do.

Anbieter

Anbieter aktivieren die Authentifizierung, stellen die Implementierung zum Abrufen von Zugriffstoken auf verschiedenen Plattformen bereit und machen einen Microsoft Graph-Client zum Aufrufen der Microsoft Graph-APIs verfügbar. Die Komponenten funktionieren am besten, wenn sie mit einem Anbieter verwendet werden, aber die Anbieter können eigenständig verwendet werden.

Anbieter	Beschreibung
Custom	Erstellt einen benutzerdefinierten Anbieter, um die Authentifizierung und den Zugriff auf Microsoft Graph mithilfe des vorhandenen Authentifizierungscodes Ihrer Anwendung zu ermöglichen.
Elektron	Authentifiziert und bietet Microsoft Graph-Zugriff auf Komponenten innerhalb von Electron-Apps.
MSAL2	Verwendet msal-browser, um Benutzer anzumelden und Token für die Verwendung mit Microsoft Graph abzurufen.
Proxy	Ermöglicht die Verwendung der Back-End-Authentifizierung, indem alle Aufrufe an Microsoft Graph über Ihr Back-End weitergeleitet werden.
SharePoint	Authentifiziert und bietet Microsoft Graph-Zugriff auf Komponenten innerhalb von SharePoint-Webparts.
TeamsFx	Verwenden Sie den TeamsFx-Anbieter in Ihren Microsoft Teams-Anwendungen, um Komponenten des Microsoft Graph-Toolkits Zugriff auf Microsoft Graph zu gewähren.