Graph API call from SPFX tab with MS Graph Client

Question

Can we call Graph API directly through MS Graph Client for SPFX tab in team Desktop??

Here is the sample of git which call Graph API directly in teams tab without any authentication flow or access token with only using Ms Graph Client Spfx tab with Graph API

Answer 1

In SPFx web part you will require to request permissions as below.

"webApiPermissionRequests": [
      {
        "resource": "Microsoft Graph",
        "scope": "Sites.ReadWrite.All"
      }
    
]

Once admin approve it you can call API using MSGraphClient.

Call graph api using MSGraphClient refer the below code.

export default class HelloWorldWebPart extends BaseClientSideWebPart<IHelloWorldWebPartProps> {
  public render(): void {
    // ...

    this.context.msGraphClientFactory
      .getClient()
      .then((client: MSGraphClient): void => {
        // use MSGraphClient here
      });
  }

  // ...
}

• Use the MSGraphClient to connect to Microsoft Graph

• For add the tab in team app refer this docs.

• Build Microsoft Team tab using SharePoint Framework