Microsoft Graph sample Blazor WebAssembly app

.NET License.

This sample demonstrates how to use the Microsoft Graph .NET SDK to access data in Office 365 from Blazor WebAssembly apps.

NOTE: This sample was originally built from a tutorial published on the Microsoft Graph tutorials page. That tutorial has been removed.

Register an app in Azure AD

  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.

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

    • Set Name to Blazor Graph Sample.
    • 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 https://localhost:7067/authentication/login-callback.
  4. Select Register. On the Blazor Graph Tutorial page, copy the value of the Application (client) ID and save it, you will need it in the next step.

Configure the sample

  1. Create a new file in the ./GraphSample/wwwroot directory named appsettings.Development.json and add the following code.

    {
      "AzureAd": {
        "ClientId": "YOUR_CLIENT_ID_HERE"
      }
    }
  2. Replace YOUR_CLIENT_ID_HERE with the Application (client) ID value from your app registration.

result:

image image image image