Ottimizzare le query di Microsoft Graph con il componente mgt-get

  • 3 minuti

Microsoft Graph Toolkit include vari componenti che consentono di connettersi a query specifiche di Microsoft Graph direttamente in HTML, senza richiedere alcuna personalizzazione.

Si supponga di voler visualizzare un gruppo di persone nell'app. È possibile usare il componente People per gestire la chiamata a Microsoft Graph.

Ecco un esempio relativo all'uso del componente People in HTML:

<mgt-people></mgt-people>

Il componente People esegue la query di Microsoft Graph seguente:

GET /me/people

L'output generato dal componente Persone sarà simile al seguente:

Screenshot che mostra come viene visualizzato il componente People di Microsoft Graph Toolkit.

Si supponga di voler ottenere i messaggi di posta elettronica di un utente usando la query microsoft API Graph per Outlook seguente:

GET /me/messages

Anche se questa funzionalità non è uno dei componenti del toolkit, è possibile utilizzare qualsiasi query di Microsoft Graph per raggiungere centinaia di set di dati diversi disponibili in Microsoft 365. Usando il componente Get, è possibile chiamare qualsiasi query di Microsoft Graph per recuperare i dati necessari direttamente in HTML.

Ecco un esempio relativo all'uso del componente Get:

<mgt-get></mgt-get>

È possibile aggiungere gli attributi seguenti al tag <mgt-get> per definire il tipo di query di Microsoft Graph da eseguire:

  • resource: query dell'API Microsoft Graph preferita per la richiesta.
  • scopes: ambiti necessari per la richiesta.
  • version: versione dell'API Microsoft Graph per la richiesta.

A differenza di altri componenti di Microsoft Graph Toolkit, il componente Get non prevede alcuna interfaccia utente predefinita. È necessario configurare un modello che verrà usato per visualizzare i dati.

Nell'esercizio successivo verrà illustrato come usare il componente Get e visualizzare i blocchi appunti di OneNote per l'utente connesso.