重要
2025 年 5 月 1 日より、Azure AD B2C は新規のお客様向けに購入できなくなります。 詳細については、FAQ を参照してください。
開始する前にこのページの上部にある ポリシーの種類 セレクターを使用して、設定するポリシーの種類を選択します。 Azure Active Directory B2C には、ユーザーがアプリケーションを操作する方法を定義する 2 つの方法 (定義済みのユーザー フローを使用する、または完全に構成可能なカスタム ポリシーを使用する) があります。 この記事で必要な手順は、方法ごとに異なります。
注
Azure Active Directory B2C で、カスタム ポリシーは、主に、複雑なシナリオに取り組む用途向けに設計されています。 ほとんどのシナリオで、組み込みユーザー フローを使用することをお勧めします。 まだ行っていない場合は、Active Directory B2C でのカスタム ポリシーの概要に関する記事で、カスタム ポリシー スターター パックの詳細を確認してください。
[前提条件]
- ユーザーが サインアップしてアプリケーションにサインインできるように、ユーザー フローを作成します。
- Web アプリケーションを登録します。
- 「Active Directory B2C でのカスタム ポリシーの概要」の手順を完了してください。 このチュートリアルでは、Azure AD B2C テナント構成を使用するようにカスタム ポリシー ファイルを更新する方法について説明します。
- Web アプリケーションを登録します。
Facebook アプリケーションを作成する
Azure Active Directory B2C (Azure AD B2C) で Facebook アカウントを持つユーザーのサインインを有効にするには、 Facebook アプリ ダッシュボードでアプリケーションを作成する必要があります。 詳細については、アプリ開発のページを参照してください。
まだ Facebook アカウントを持っていない場合は、https://www.facebook.com でサインアップしてください。 Facebook アカウントにサインアップまたはサインインした後、Facebook 開発者アカウント登録プロセスを開始します。 詳細については、Facebook 開発者登録に関するページを参照してください。
- Facebook 開発者アカウントの資格情報を使用して、開発者向けの Facebookにサインインします。
- [Create app](アプリの作成) を選択します。
- [ アプリの種類の選択] で [ コンシューマー] を選択し、[ 次へ] を選択します。
- アプリの表示名と有効なアプリ連絡先メールを入力します。
- [Create app](アプリの作成) を選択します。 この手順では、Facebook プラットフォームのポリシーを受け入れてオンライン セキュリティ チェックを完了することが必要な場合があります。
-
設定>基本 を選択します。
- [App ID]の値をコピーします。
- [Show (表示)] を選択し、 [App Secret (アプリ シークレット)] の値をコピーします。 テナントで ID プロバイダーとして Facebook を構成するには、この両方を使用します。 アプリ シークレット は重要なセキュリティ資格情報です。
-
プライバシー ポリシー URL の URL を入力します (例:
https://www.contoso.com/privacy)。 ポリシーの URL は、アプリケーションのプライバシーに関する情報を提供するために維持されるページです。 -
サービス利用規約 URL の URL を入力します (例:
https://www.contoso.com/tos)。 ポリシーの URL は、アプリケーションの利用規約を提供するために維持されるページです。 -
[ユーザー データ削除] の URL を入力します (例:
https://www.contoso.com/delete_my_data)。 ユーザー データ削除 URL は、自分のデータの削除を要求する手段をユーザーに提供するために維持するページです。 -
カテゴリを選択します。たとえば
Business and Pages。 この値は Facebook で必須ですが、Azure AD B2C には使用されません。
- ページの下部で、 [プラットフォームの追加] 、 [Web サイト] の順に選択します。
-
[サイト URL] に、Web サイトのアドレスを入力します (例:
https://contoso.com)。 - [ 変更の保存] を選択します。
- メニューから、[製品] の横にあるプラス記号または [製品の追加] リンクを選択します。 [アプリへの製品の追加] で、[Facebook ログイン] の [セットアップ] を選択します。
- メニューから Facebook ログインを選択し、[ 設定] を選択します。
-
[有効な OAuth リダイレクト URI] に、「
https://your-tenant-name.b2clogin.com/your-tenant-name.onmicrosoft.com/oauth2/authresp」と入力します。 カスタム ドメインを使用する場合は、「https://your-___domain-name/your-tenant-id.onmicrosoft.com/oauth2/authresp」と入力します。your-tenant-idをテナントの ID に置き換え、your-___domain-nameをカスタム ドメインに置き換えます。 - ページの下部にある [ 変更の保存] を選択します。
- Facebook アプリケーションを Azure AD B2C で使用できるようにするには、ページの右上にある状態セレクターを選択し、[ オン] を選択してアプリケーションをパブリックにし、[ モードの切り替え] を選択します。 この時点で、状態は開発からライブに変更されます。 詳細については、「 Facebook アプリ開発」を参照してください。
Facebook を ID プロバイダーとして構成する
- 少なくとも外部 ID プロバイダー管理者特権を持つアカウントで Azure portal にサインインします。
-
- 複数のテナントにアクセスできる場合、上部のメニューの [設定] アイコンを選択し、[ディレクトリとサブスクリプション] メニューからお使いの Azure AD B2C テナントに切り替えます。
- Azure portal の左上隅にある [ すべてのサービス ] を選択し、 Azure AD B2C を検索して選択します。
- [ ID プロバイダー] を選択し、[ Facebook] を選択します。
- 名前を入力します。 たとえば、「Facebook」とします。
- クライアント ID には、先ほど作成した Facebook アプリケーションのアプリ ID を入力します。
- クライアント シークレットの場合は、記録したアプリ シークレットを入力します。
- 保存 を選択します。
ユーザー フローに Facebook ID プロバイダーを追加する
この時点で、Facebook ID プロバイダーは設定されていますが、どのサインイン ページでもまだ使用できません。 Facebook ID プロバイダーをユーザー フローに追加するには、次の手順を実行します。
- Azure AD B2C テナントで、[ ユーザー フロー] を選択します。
- Facebook ID プロバイダーを追加するユーザー フローをクリックします。
- [ソーシャル ID プロバイダー] で、[Facebook] を選択します。
- 保存 を選択します。
- ポリシーをテストするには、[ ユーザー フローの実行] を選択します。
-
[アプリケーション] で、以前に登録した testapp1 という名前の Web アプリケーションを選択します。
応答 URL に
https://jwt.msが表示されます。 - [ ユーザー フローの実行 ] ボタンを選択します。
- サインアップまたはサインイン ページで、Facebook アカウントでサインインする Facebook を選択します。
サインイン プロセスが成功すると、ブラウザーは https://jwt.ms にリダイレクトされ、Azure AD B2C によって返されるトークンの内容が表示されます。
ポリシー キーを作成する
以前に Azure AD B2C テナントに記録したアプリ シークレットを格納する必要があります。
- Azure portal にサインインします。
- 複数のテナントにアクセスできる場合、上部のメニューの [設定] アイコンを選択し、[ディレクトリとサブスクリプション] メニューからお使いの Azure AD B2C テナントに切り替えます。
- Azure portal の左上隅にある [すべてのサービス] を選択してから、[Azure AD B2C] を検索して選択します。
- [概要] ページで、[Identity Experience Framework] を選びます。
- [ポリシー キー] を選択し、[追加] を選びます。
-
[オプション] で、[
Manual] を選択します。 - ポリシー キーの名前を入力します。 たとえば、
FacebookSecretのようにします。 プレフィックスB2C_1A_がキーの名前に自動的に追加されます。 - [ シークレット] に、前に記録したアプリ シークレットを入力します。
- [ キーの使用法] で、[
Signature] を選択します。 - Create をクリックしてください。
ID プロバイダーとして Facebook アカウントを構成する
SocialAndLocalAccounts/TrustFrameworkExtensions.xmlファイルで、client_idの値を Facebook アプリケーション ID に置き換えます。<TechnicalProfile Id="Facebook-OAUTH"> <Metadata> <!--Replace the value of client_id in this technical profile with the Facebook app ID"--> <Item Key="client_id">00000000000000</Item>
ポリシーをアップロードしてテストする
作成したユーザー体験を開始する証明書利用者 (RP) ファイルを更新します。
- TrustFrameworkExtensions.xml ファイルをテナントにアップロードします。
- [ カスタム ポリシー] で、[ B2C_1A_signup_signin] を選択します。
- [ アプリケーションの選択] で、以前に登録した testapp1 という名前の Web アプリケーションを選択します。
応答 URL に
https://jwt.msが表示されます。 - [ 今すぐ実行 ] ボタンを選択します。
- サインアップまたはサインイン ページで、Facebook アカウントでサインインする Facebook を選択します。
サインイン プロセスが成功すると、ブラウザーは https://jwt.ms にリダイレクトされ、Azure AD B2C によって返されるトークンの内容が表示されます。
次のステップ
- Facebook トークンをアプリケーションに渡す方法について説明します。
- Facebook フェデレーション ライブ デモと、Facebook アクセス トークン Live デモを渡す方法を確認する