Freigeben über

Erweitern von JavaScript-Apps, die reine App-Authentifizierung verwenden, mit weiteren Microsoft Graph-APIs

In diesem Artikel fügen Sie der Anwendung, die Sie unter Erstellen von JavaScript-Apps mit Microsoft Graph und nur app-Authentifizierung erstellt haben, Ihre eigenen Microsoft Graph-Funktionen hinzu. Sie können z. B. einen Codeausschnitt aus der Microsoft Graph-Dokumentation oder graph Explorer oder code hinzufügen, den Sie erstellt haben.

Aktualisieren der App

  1. Öffnen Sie graphHelper.js , und fügen Sie die folgende Funktion hinzu.

    // This function serves as a playground for testing Graph snippets
// or other code
export async function makeGraphCallAsync() {
  // INSERT YOUR CODE HERE
}

  2. Ersetzen Sie die leere makeGraphCallAsync Funktion in index.js durch Folgendes.

    async function doGraphCallAsync() {
  try {
    await makeGraphCallAsync();
  } catch (err) {
    console.log(`Error making Graph call: ${err}`);
  }
}

Auswählen einer API

Suchen Sie eine API in Microsoft Graph, die Sie ausprobieren möchten. Beispiel: Die Api zum Erstellen eines Ereignisses . Sie können eines der Beispiele in der API-Dokumentation verwenden, oder Sie können eine API-Anforderung in Graph Explorer anpassen und den generierten Codeausschnitt verwenden.

Konfigurieren von Berechtigungen

Überprüfen Sie den Abschnitt Berechtigungen der Referenzdokumentation für Die ausgewählte API, um zu sehen, welche Authentifizierungsmethoden unterstützt werden. Einige APIs unterstützen z. B. keine reinen Apps oder persönlichen Microsoft-Konten.

  • Informationen zum Aufrufen einer API mit Benutzerauthentifizierung (wenn die API die (delegierte) Benutzerauthentifizierung unterstützt), finden Sie im Tutorial zur benutzerseitig (delegierten) Authentifizierung .
  • Um eine API mit nur app-Authentifizierung aufzurufen (sofern die API dies unterstützt), fügen Sie den erforderlichen Berechtigungsbereich im Microsoft Entra Admin Center hinzu.

Fügen Sie Ihren Code hinzu

Kopieren Sie Ihren Code in die makeGraphCallAsync Funktion in graphHelper.js. Wenn Sie einen Codeausschnitt aus der Dokumentation oder graph Explorer kopieren, müssen Sie den client_appClientin umbenennen.

Verwandte Inhalte

Nachdem Sie nun über eine funktionierende App verfügen, die Microsoft Graph aufruft, können Sie experimentieren und neue Features hinzufügen.

Microsoft Graph-Toolkit

Wenn Sie JavaScript-Apps mit Benutzeroberfläche erstellen, bietet das Microsoft Graph-Toolkit eine Sammlung von Komponenten, die die Entwicklung vereinfachen können.

TypeScript/JavaScript-Beispiele