https://github.com/jburman/BlazorGraphExample

Example application for connecting to Graph API from Blazor
https://github.com/jburman/BlazorGraphExample

Last synced: 18 days ago
JSON representation

Example application for connecting to Graph API from Blazor

• Host: GitHub
• URL: https://github.com/jburman/BlazorGraphExample
• Owner: jburman
• License: other
• Created: 2018-07-22T19:00:10.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2019-08-23T18:25:41.000Z (about 5 years ago)
• Last Synced: 2024-07-31T15:02:22.972Z (4 months ago)
• Language: C#
• Homepage:
• Size: 348 KB
• Stars: 26
• Watchers: 6
• Forks: 7
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Overview

BlazorGraphExample demonstrates a self contained [Blazor](https://blazor.net) application that connects to Microsoft's Graph API, queries the user's information and lets them browse through their OneDrive. There is not any server side code and you can try a [demo](https://blazorgraph.z20.web.core.windows.net/) hosted in an Azure Static Web site.

**Example**



Authentication calls are handled by the [AuthService](https://github.com/jburman/BlazorGraphExample/blob/master/BlazorGraphExample/Services/AuthService.cs), 

which provides a thin wrapper over the [MSAL.js library](https://github.com/AzureAD/microsoft-authentication-library-for-js) 

that is designed for SPA applications. Once a token is acquired through MSAL, all of the Graph API calls are made 

from the [GraphService](https://github.com/jburman/W8lessLabs.GraphAPI/blob/master/src/W8lessLabs.GraphAPI/Services/GraphService.cs) 

using a few hand coded classes. (**Note:** In the latest release of this sample, the Graph API Service code has now been moved out to a separate [NuGet package](https://www.nuget.org/packages/W8lessLabs.GraphAPI/) to make it reusable.)

To try the sample out yourself:

- Clone the repository

- [Register a new app](https://apps.dev.microsoft.com/) with Microsoft. Be sure to select Web Platform and check Allow Implicit Flow.

- Fill in the Redirect URI (the project uses https://localhost:44395/ by default)

- Copy the Client ID and update Startup.cs to use it.

  

You can now either run the project from Visual Studio using IISExpress or with something like dotnet-serve. 

**Run with [dotnet-serve](https://www.nuget.org/packages/dotnet-serve/)**

1. From the folder with the BlazorGraphExample.sln file run a dotnet publish.

Example: `dotnet publish -o c:\publish`

2. Change to the dist folder (for example: c:\publish\BlazorGraphExample\dist)

3. Launch the index.html: `dotnet-serve -S -p 44395 -o`