@microsoft/mgt-msal2-provider

Microsoft Graph Toolkit MSAL 2.0 Provider

The Microsoft Graph Toolkit (mgt) library is a collection of authentication providers and UI components powered by Microsoft Graph.

The @microsoft/mgt-msal2-provider package exposes the Msal2Provider class which uses msal-browser to sign in users and acquire tokens to use with Microsoft Graph.

Usage

• Install the packages

  npm install @microsoft/mgt-element @microsoft/mgt-msal2-provider
  

• Initialize the provider in code

  import {Providers, LoginType} from '@microsoft/mgt-element';
  import {Msal2Provider, PromptType} from '@microsoft/mgt-msal2-provider';
  
  // initialize the auth provider globally
  Providers.globalProvider = new Msal2Provider({
    clientId: 'clientId',
    scopes?: string[],
    authority?: string,
    redirectUri?: string,
    loginType?: LoginType, // LoginType.Popup or LoginType.Redirect (redirect is default)
    prompt?: PromptType, // PromptType.CONSENT, PromptType.LOGIN or PromptType.SELECT_ACCOUNT
    sid?: string, // Session ID
    loginHint?: string,
    domainHint?: string,
    options?: Configuration // msal js Configuration object
  });
  

• Alternatively, initialize the provider in html (only client-id is required):

  <script type="module" src="../node_modules/@microsoft/mgt-msal2-provider/dist/es6/index.js" />
  
  <mgt-msal2-provider client-id="<YOUR_CLIENT_ID>"
                    login-type="redirect/popup" 
                    scopes="user.read,people.read" 
                    redirect-uri="https://my.redirect/uri" 
                    authority=""> 
  </mgt-msal2-provider> 
  

See provider usage documentation to learn about how to use the providers with the mgt components, to sign in/sign out, get access tokens, call Microsoft Graph, and more.

Sea also

• Microsoft Graph Toolkit docs
• Microsoft Graph Toolkit repository
• Microsoft Graph Toolkit playground