Partager via


Étendre les applications TypeScript qui utilisent l’authentification d’application uniquement avec d’autres API Microsoft Graph

Dans cet article, vous ajoutez vos propres fonctionnalités Microsoft Graph à l’application que vous avez créée dans Générer des applications TypeScript avec Microsoft Graph et l’authentification d’application uniquement. Par exemple, vous pouvez ajouter un extrait de code à partir de la documentation Microsoft Graph ou de l’Explorer Graph, ou du code que vous avez créé.

Mettre à jour l’application

  1. Ouvrez graphHelper.ts et ajoutez la fonction suivante.

    // This function serves as a playground for testing Graph snippets
    // or other code
    export async function makeGraphCallAsync() {
      // INSERT YOUR CODE HERE
    }
    
  2. Remplacez la fonction vide makeGraphCallAsync dans index.ts par ce qui suit.

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

Choisir une API

Recherchez une API dans Microsoft Graph que vous souhaitez essayer. Par exemple, l’API Créer un événement . Vous pouvez utiliser l’un des exemples de la documentation de l’API, ou vous pouvez personnaliser une demande d’API dans Graph Explorer et utiliser l’extrait de code généré.

Configuration des autorisations

Consultez la section Autorisations de la documentation de référence de l’API choisie pour voir quelles méthodes d’authentification sont prises en charge. Certaines API ne prennent pas en charge les comptes Microsoft personnels ou d’application uniquement, par exemple.

  • Pour appeler une API avec l’authentification utilisateur (si l’API prend en charge l’authentification utilisateur (déléguée), consultez le tutoriel sur l’authentification utilisateur (déléguée).
  • Pour appeler une API avec une authentification d’application uniquement (si l’API la prend en charge), ajoutez l’étendue d’autorisation requise dans le centre d’administration Microsoft Entra.

Ajouter votre code

Copiez votre code dans la makeGraphCallAsync fonction dans graphHelper.ts. Si vous copiez un extrait de code à partir d’une documentation ou d’un Explorer Graph, veillez à renommer en client_appClient.

Maintenant que vous disposez d’une application opérationnelle qui appelle Microsoft Graph, vous pouvez expérimenter et ajouter de nouvelles fonctionnalités.

Kit de ressources Microsoft Graph

Si vous créez des applications TypeScript avec l’interface utilisateur, le Kit de ressources Microsoft Graph offre une collection de composants qui peuvent simplifier le développement.

Exemples TypeScript/JavaScript