簡介
案例
假設您想要建置 Web 應用程式,而且您希望在其中顯示一些來自 Microsoft 365 的資料,例如,使用者行事曆中的會議。 若要載入此資料,您必須使用使用者的 Microsoft 365 帳戶,將使用者登入到您的應用程式。 接下來,您需要向 Microsoft Graph 取得存取權杖,這是可公開儲存在 Microsoft 365 中資料的 API。 然後,您需要建置正確的 Web 要求、呼叫 API、處理 API 回應,並將資料顯示在應用程式中。 您也需要妥善處理過程中可能會發生的例外。
聽起來有很多事情要做嗎? Microsoft Graph 工具組會大幅簡化程序,讓您將重點放在從 Microsoft 365 載入資料,並將其一致地顯示在您的應用程式中。
Microsoft Graph 工具組是一組 Web 元件和驗證提供者,可將您的 Web 應用程式連接至 Microsoft Graph 並載入 Microsoft 365 的資料。 您可以在任何 JavaScript 架構中使用 Microsoft Graph 工具組。
在本課程模組中,您將了解什麼是 Microsoft Graph 工具組,以及為什麼想要使用它。 您將建置一個 Web 應用程式,並使用 Microsoft Graph 工具組,將使用者登入至 Microsoft 365。 您也將使用 Microsoft Graph 工具組連接到 Microsoft Graph,並從 Microsoft 365 中擷取資料。
先決條件
- 存取 Microsoft 365 租使用者或使用開發人員 Proxy
- Microsoft 365 驗證和授權的基本了解
- HTML 的基本了解
- Visual Studio Code
- Visual Studio Code Live Server
學習目標
- 了解使用 Microsoft Graph 工具組的好處。
- 將使用者登入到 Microsoft 365。
- 從 Microsoft 365 擷取資料。