Esercitazione: accedere all'app utilizzando il componente di accesso di Microsoft Graph Toolkit

  • 1 minuto

Ora che è stata visualizzata una panoramica del toolkit, si apprenderà a usarlo per caricare i dati dai servizi Microsoft 365. Innanzitutto, è necessario fornire agli utenti un modo per accedere all'applicazione. Fortunatamente, il toolkit semplifica il processo di autenticazione ed è possibile concentrarsi sulla creazione dell'esperienza utente complessiva.

A quale scopo si aggiunge il componente di accesso all'applicazione?

Si immagini quanto sarebbe semplice e sicuro il processo di sviluppo delle app se uno degli aspetti più dispendiosi in termini di tempo venisse gestito automaticamente. Grazie al toolkit, per gestire la logica di autenticazione e il recupero del token di accesso basta aggiungere un semplice tag HTML.

<mgt-login></mgt-login>

Utilizzando il componente nell'app, non sarà necessario scrivere e gestire il codice di autenticazione.

Cosa sono i provider in Microsoft Graph Toolkit?

I provider semplificano la modalità di implementazione dell'autenticazione nell'applicazione e gestiscono l'esecuzione di chiamate a Microsoft Graph tramite l'SDK del client JavaScript. Il provider viene inizializzato prima di usare qualsiasi componente del toolkit. È anche possibile usare i provider autonomamente in un'applicazione per gestire l'autenticazione. Esistono diversi provider da usare, a seconda della piattaforma a cui sono destinati i componenti del toolkit:

  • Provider Microsoft Authentication Library (MSAL) versione 2: consigliato per l'uso generale da parte di applicazioni a pagina singola che eseguono l'autenticazione dal browser. Usa il flusso del codice di autorizzazione OAuth con PKCE che è considerato più sicuro del flusso implicito OAuth2.
  • Provider di SharePoint: per l'utilizzo in SharePoint Framework.
  • Provider Microsoft TeamsFx: per l'uso da parte di applicazioni a pagina singola eseguite come schede di Teams.
  • Provider Electron: per l'uso nelle app Electron.
  • Provider proxy: per l'utilizzo da parte delle applicazioni Web che eseguono l'autenticazione nel server.
  • Provider personalizzato: consente di creare un'autenticazione personalizzata.

Nell'esercizio successivo si apprenderà a usare il componente di accessi del toolkit. L'operazione viene eseguita con il provider MSAL, che è il provider più usato nel toolkit.