Partager via


Étendre des applications JavaScript 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 JavaScript avec Microsoft Graph. 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éé. Cette section est facultative.

Mettre à jour l’application

  1. Ouvrez graphHelper.js 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.js par ce qui suit.

    async function doGraphCallAsync() {
      try {
        await 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), ajoutez l’étendue d’autorisation requise dans appSettings.js.
  • Pour appeler une API avec une authentification d’application uniquement, consultez le tutoriel sur l’authentification d’application uniquement .

Ajouter votre code

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

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 JavaScript avec l’interface utilisateur, le Kit de ressources Microsoft Graph offre une collection de composants qui peuvent simplifier le développement.

Exemples TypeScript/JavaScript