使用 Microsoft Graph 工具組登入元件登入您的應用程式

已完成

現在,您已看到工具組概觀,讓我們了解如何使用它從 Microsoft 365 服務載入資料。 您首先需要提供一個方法,讓使用者可以登入您的應用程式。 幸好,該工具組可簡化驗證程序,因此您可以專注於建置整體的使用者體驗。

在應用程式中新增登入元件的目的是什麼?

想像一下,如果幫您處理其中一個最耗時的層面,您的應用程式開發程序會是多簡單且安全。 使用工具組,只要新增簡單的 HTML 標籤,就可以處理驗證邏輯和存取權杖的擷取。

<mgt-login></mgt-login>

您可以在應用程式中使用此元件,不需處理撰寫和維護驗證碼。

什麼是 Microsoft Graph 工具組中的提供者?

提供者可簡化您於應用程式中實作驗證的方式,並使用 JavaScript 用戶端 SDK 處理對 Microsoft Graph 的呼叫。 您會在使用任何工具組元件之前先初始化提供者。 也可以自行在應用程式中使用提供者來處理驗證。 根據您使用工具組元件的目標平台,您可以使用數個不同的提供者:

  • Microsoft 驗證程式庫 (MSAL) v2 提供者: 建議供從瀏覽器驗證的單一頁面應用程式使用。 使用 OAuth 授權碼流程搭配 PKCE,被視為比 OAuth2 隱含流程更安全。
  • SharePoint 提供者: 用於 SharePoint 架構。
  • Microsoft TeamsFx 提供者:供以 Teams 索引標籤執行的單頁應用程式使用。
  • 電子提供者: 用於電子應用程式。
  • Proxy 提供者: 供在伺服器上驗證的 Web 應用程式使用。
  • 自訂提供者: 可讓您建置自己的驗證。

在下一個練習中,您將了解如何使用工具組的登入元件。 您可以使用 MSAL 提供者執行此工作,這是工具套件中最廣泛使用的提供者。