Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/microsoftgraph/msgraph-sample-blazor-clientside
This sample demonstrates how to use the Microsoft Graph .NET SDK to access data in Office 365 from Blazor WebAssembly apps.
https://github.com/microsoftgraph/msgraph-sample-blazor-clientside
blazor devxsample microsoft-graph
Last synced: 7 days ago
JSON representation
This sample demonstrates how to use the Microsoft Graph .NET SDK to access data in Office 365 from Blazor WebAssembly apps.
- Host: GitHub
- URL: https://github.com/microsoftgraph/msgraph-sample-blazor-clientside
- Owner: microsoftgraph
- License: mit
- Created: 2020-09-23T19:56:49.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2024-10-21T15:28:36.000Z (23 days ago)
- Last Synced: 2024-10-22T02:23:41.832Z (23 days ago)
- Topics: blazor, devxsample, microsoft-graph
- Language: HTML
- Homepage:
- Size: 1.45 MB
- Stars: 33
- Watchers: 7
- Forks: 10
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
---
page_type: sample
description: This sample demonstrates how to use the Microsoft Graph .NET SDK to access data in Office 365 from Blazor WebAssembly apps.
products:
- ms-graph
- office-exchange-online
- blazor
languages:
- csharp
---
# Microsoft Graph sample Blazor WebAssembly app
[](https://github.com/microsoftgraph/msgraph-sample-blazor-clientside/actions/workflows/dotnet.yml) 
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](https://docs.microsoft.com/graph/tutorials) page. That tutorial has been removed.
## Prerequisites
- [.NET Core SDK](https://dotnet.microsoft.com/download)
## Register an app in Azure AD
1. Open a browser and navigate to the [Azure Active Directory admin center](https://aad.portal.azure.com). Login using a **personal account** (aka: Microsoft Account) or **Work or School Account**.
1. Select **Azure Active Directory** in the left-hand navigation, then select **App registrations** under **Manage**.
1. 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`.
1. 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.
```json
{
"AzureAd": {
"ClientId": "YOUR_CLIENT_ID_HERE"
}
}
```
1. Replace `YOUR_CLIENT_ID_HERE` with the **Application (client) ID** value from your app registration.
## Running the sample
Run the following command in the **GraphSample** directory.
```dotnetcli
dotnet run
```
Open your browser to `https://localhost:7067`.
## Code of conduct
This project has adopted the [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/). For more information see the [Code of Conduct FAQ](https://opensource.microsoft.com/codeofconduct/faq/) or contact [[email protected]](mailto:[email protected]) with any additional questions or comments.
## Disclaimer
**THIS CODE IS PROVIDED _AS IS_ WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.**