Microsoft Entra External ID を利用したユーザー認証⚓︎

概要⚓︎

Microsoft Entra External ID （以降、 Entra External ID ）を利用したユーザー認証の簡単な実装サンプルを提供します。

本サンプルは、クライアントサイドレンダリングアプリケーションにおいて Entra External ID を利用する場合のコード例として利用できます。 また、 SPA アプリケーション（ AlesInfiny Maia OSS Edition （以降、 AlesInfiny Maia ）のアーキテクチャに準拠したアプリケーション）に本サンプルのファイルやコードをコピーしてください。 これにより、 SPA アプリケーションに Entra External ID を利用したユーザー認証機能を組み込めます。

本サンプルを利用するための前提⚓︎

本サンプルを動作させるためには、以下が必要です。

• Azure サブスクリプション
• サブスクリプション内、またはサブスクリプション内のリソース グループ内で共同作成者以上のロールが割り当てられている Azure アカウント

本サンプルを利用する前の準備⚓︎

本サンプルを動作させるまでの流れは以下のとおりです。

1. Entra External ID テナントを作成する
2. Entra External ID テナントを利用するアプリを登録する
3. ユーザーフローを作成する
4. 本サンプルの設定ファイルに各手順で作成した設定内容を記入する
5. 本サンプルを動作させる

具体的な手順は、サンプルアプリケーション に付属する README.md を参照してください。

本サンプルで利用する OSS⚓︎

本サンプルでは以下の OSS ライブラリを使用しています。 他の OSS ライブラリについては、 サンプルアプリケーションをダウンロード して確認してください。

• フロントエンド
  • MSAL.js
• バックエンド
  • spring-boot-starter-security-oauth2-resource-server

本サンプルを利用する際の検討事項⚓︎

本サンプルは MSAL.js を使用しています。 そのため、利用にあたっては MSAL.js における秘密情報の取り扱いについて、事前に十分な検討が必要です。 詳細については、以下を参照してください。

• MSAL.js で提供される秘密情報のキャッシュ保存先

ダウンロード⚓︎

サンプルアプリケーションと詳細な解説は以下からダウンロードできます。

• サンプルアプリケーションのダウンロード