• Use Microsoft Graph in SPFx to show Microsoft Teams information such as ID and Display name of user who is logged in.
• More informatiom can be found here: https://youtu.be/b4PBLZGKF_w

• SharePoint Framework
• Microsoft 365 tenant

Get your own free development tenant by subscribing to Microsoft 365 developer program

• Microsoft 365 Developer account
• Visual Studio code or any other IDE
• Node.js installed
• Git installation
• SPFx Development Set up https://docs.microsoft.com/en-us/sharepoint/dev/spfx/set-up-your-development-environment

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.

• Clone this repository

• Ensure that you are at the solution folder

• in the command-line run:

  • npm install
  • gulp serve

• Upload the package "spfx-graphapi.sppkg" from folder SPFxMicrosoftGraph\sharepoint\solution in SharePoint Admin Center App Catalog

• Apporve API Access in SharePoint Tenant Admin

• For more information check the video https://youtu.be/b4PBLZGKF_w

Explains how to use Microsoft Graph in SharePoint Development Framework

This extension illustrates the following concepts:

• Call Microsoft Graph from SPFx App
• Capture Microsoft Teams details
• Display infomation

• Getting started with SharePoint Framework
• Building for Microsoft teams
• Use Microsoft Graph in your solution
• Publish SharePoint Framework applications to the Marketplace
• Microsoft 365 Patterns and Practices - Guidance, tooling, samples and open-source controls for your Microsoft 365 development