How to run the completed project

Prerequisites

To run the completed project in this folder, you need the following:

  • Node.js installed on your development machine. If you do not have Node.js, visit the previous link for download options. (Note: This tutorial was written with Node version 12.16.1. The steps in this guide may work with other versions, but that has not been tested.)
  • Either a personal Microsoft account with a mailbox on Outlook.com, or a Microsoft work or school account.

If you don't have a Microsoft account, there are a couple of options to get a free account:

Register a web application with the Azure Active Directory admin center

  1. Open a browser and navigate to the Azure Active Directory admin center. Login using a personal account (aka: Microsoft Account) or Work or School Account.

  2. Select Azure Active Directory in the left-hand navigation, then select App registrations under Manage.

    A screenshot of the App registrations

    Note: Azure AD B2C users may only see App registrations (legacy). In this case, please go directly to https://aka.ms/appregistrations.

  3. Select New registration. On the Register an application page, set the values as follows.

    • Set Name to JavaScript Graph Tutorial.
    • Set Supported account types to Accounts in any organizational directory and personal Microsoft accounts.
    • Under Redirect URI, set the first drop-down to Single-page application (SPA) and set the value to http://localhost:8080.

    A screenshot of the Register an application page

  4. Choose Register. On the JavaScript Graph Tutorial page, copy the value of the Application (client) ID and save it, you will need it in the next step.

    A screenshot of the application ID of the new app registration

  5. Select Authentication under Manage. Locate the Implicit grant section and enable Access tokens and ID tokens. Choose Save.

    A screenshot of the Implicit grant section

Configure the sample

  1. Rename the ./graph-tutorial/config.example.js file to ./graph-tutorial/config.js.
  2. Edit the ./graph-tutorial/config.js file and make the following changes.
    1. Replace YOUR_APP_ID_HERE with the Application Id you got from the App Registration Portal.

Run the sample

  1. Run the following command in your CLI to start the application.

    npx http-server -c-1
    
  2. Open a browser and browse to http://localhost:8080.