Microsoft Graph ツールキットのログイン コンポーネントを使用してアプリにサインインする

  • 1 分

Toolkit の概要を説明しましたので、Toolkit を使用して Microsoft 365 サービスからデータを読み込む方法について説明します。 最初に、ユーザーがアプリケーションにサインインするための方法を提供する必要があります。 Toolkit は幸い認証プロセスを大幅に簡素化してあるため、ユーザーは全体の環境構築に集中することができます。

アプリケーションにログイン コンポーネントを追加する目的は何ですか?

最も時間のかかる側面の 1 つがユーザーのためにすでに処理済の場合、アプリ開発プロセスがどれだけ簡単で、セキュリティで保護されたものになるかを想像してください。 Toolkit を使用すると、簡単な HTML タグを追加することで認証機能とアクセス トークンの取得ができます。

<mgt-login></mgt-login>

Toolkit のコンポーネントをアプリで使用すると、認証コードの記述や維持を考える必要がありません。

Microsoft Graph Toolkit のプロバイダーとは何ですか?

プロバイダーはアプリケーションでの認証の実装を簡素化し、JavaScript クライアント SDK を使用して Microsoft Graph への呼び出しを処理します。 Toolkit コンポーネントを使用する前に、プロバイダーを初期化します。 アプリケーションで認証を処理する独自のプロバイダーを使用する方法も可能です。 Toolkit コンポーネントを使って、ターゲットとするプラットフォームに応じて、さまざまなプロバイダーが利用できます。

  • Microsoft 認証ライブラリ (MSAL) v2 プロバイダー: ブラウザーから認証するシングルページ アプリケーションで使用することが推奨されます。 OAuth 認証コード フローと PKCE が使用されます。これは、OAuth2 の暗黙的フローよりも安全と見なされます。
  • SharePoint プロバイダー: SharePoint Framework で使用します。
  • Microsoft TeamsFx プロバイダー: Teams タブとして実行されるシングルページ アプリケーションで使用します。
  • Electron プロバイダー: Electron アプリで使用します。
  • プロキシ プロバイダー: サーバーで認証する Web アプリケーションで使用します。
  • カスタム プロバイダー: 独自の認証を作成することができます。

次の演習では、ツールキットの Login コンポーネントを使用する方法について説明します。 これを行うには、ツールキットで最も広く使用されているプロバイダーである MSAL プロバイダーを使用します。