Edit

Share via

Extend JavaScript apps that use app-only authentication with more Microsoft Graph APIs

In this article, you add your own Microsoft Graph capabilities to the application you created in Build JavaScript apps with Microsoft Graph and app-only authentication. For example, you might want to add a code snippet from Microsoft Graph documentation or Graph Explorer, or code that you created.

Update the app

  1. Open graphHelper.js and add the following function.

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

  2. Replace the empty makeGraphCallAsync function in index.js with the following.

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

Choose an API

Find an API in Microsoft Graph you'd like to try. For example, the Create event API. You can use one of the examples in the API documentation, or you can customize an API request in Graph Explorer and use the generated snippet.

Configure permissions

Check the Permissions section of the reference documentation for your chosen API to see which authentication methods are supported. Some APIs don't support app-only, or personal Microsoft accounts, for example.

  • To call an API with user authentication (if the API supports user (delegated) authentication), see the user (delegated) authentication tutorial.
  • To call an API with app-only authentication (if the API supports it), add the required permission scope in the Microsoft Entra admin center.

Add your code

Copy your code into the makeGraphCallAsync function in graphHelper.js. If you're copying a snippet from documentation or Graph Explorer, be sure to rename the client to _appClient.

Related content

Now that you have a working app that calls Microsoft Graph, you can experiment and add new features.

Microsoft Graph Toolkit

If you're building JavaScript apps with UI, the Microsoft Graph Toolkit offers a collection of components that can simplify development.

TypeScript/JavaScript samples