Freigeben über


Überblick über das Microsoft Graph-Toolkit

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.

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.

Wo kann ich es verwenden?

Das Microsoft Graph-Toolkit wird in den folgenden Browsern unterstützt:

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

Nächste Schritte

  • Testen Sie die Komponenten im Spielplatz aus.
  • Erste Schritte mit dem Microsoft Graph-Toolkit.
  • Weitere Informationen finden Sie unter Microsoft Graph Toolkit auf GitHub.