Visualizzare i dati da Microsoft 365
In questa unità verranno individuati altri componenti di Microsoft Graph Toolkit e si apprenderà come visualizzare i dati di Microsoft 365 usando questi componenti.
Quali sono i componenti di Microsoft Graph Toolkit?
I componenti di Microsoft Graph (componenti Web) sono in realtà tag HTML. I componenti interagiscono con i provider per ottenere i token di accesso utente, chiamare le API di Microsoft Graph per recuperare i dati necessari e visualizzare i dati usando l'interfaccia utente di Fluent. Questi tag HTML riutilizzabili consentono di integrare diversi tipi di dati di Microsoft 365.
Sono disponibili molti componenti che è possibile usare per accedere ai set di dati di Microsoft 365 più diffusi nell'applicazione. Verranno ora descritti alcuni componenti e verrà illustrato come usarli in vari scenari.
Scenario 1: Ottenere eventi dal calendario
Si supponga di voler visualizzare gli eventi del calendario imminenti per un utente connesso nell'applicazione. È possibile implementare facilmente gli eventi del calendario usando il mgt-agenda componente nell'app. Per impostazione predefinita, questo componente restituisce gli eventi del calendario dall'endpoint API Microsoft Graph /me/calendarview .
<mgt-agenda></mgt-agenda>
Scenario 2: Mostrare le attività di Planner
Si supponga di voler creare una pagina Web per mostrare le attività di un utente. È possibile usare il componente Attività per ottenere dati da Microsoft Planner.
mgt-tasks mostrerà i dati di un utente usando un'interfaccia utente predefinita simile all'esperienza di Microsoft 365:
<mgt-tasks></mgt-tasks>
Scenario 3: Integrare la ricerca di persone
Se vuoi visualizzare un elenco di persone nella tua app e cercare una persona specifica, puoi usare il componente Selezione utenti.
<mgt-people-picker></mgt-people-picker>
È possibile elaborare i risultati usando gli attributi supportati dal mgt-people-picker componente. Ad esempio, è possibile limitare il numero massimo di persone visualizzate nell'elenco:
<mgt-people-picker show-max="3"></mgt-people-picker>
In sintesi, tutti i componenti di Microsoft Graph Toolkit condividono la stessa struttura. Interagiscono con i provider per gestire l'autenticazione, ottenere dati usando le API di Microsoft Graph e visualizzare i risultati usando un'interfaccia utente predefinita.