使用 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 提供者執行此工作,這是工具套件中最廣泛使用的提供者。