次の方法で共有


ID 管理ページとモジュール

重要

この記事に記載されている一部またはすべての機能は、プレビュー リリースの一部として使用可能です。 コンテンツおよび機能は、変更されることがあります。 プレビュー リリースの詳細については、1 つのバージョンのサービス更新に関するよく寄せられる質問を参照してください。

この記事では、Microsoft Dynamics 365 Commerce の ID 管理ページおよびモジュールについて説明します。

ID 管理モジュールは、eコマース サイトのユーザーが Dynamics 365 Commerce 環境に関連付けられている ID 管理システムと対話するために使用する ID 管理ページの要素を表示します。 特に、ID 管理モジュールは、サインイン、サインアップ、パスワードのリセット、およびアカウント プロフィール編集ページで使用されます。 既定では、Commerce モジュールは、ID プロバイダーとして Microsoft Entra ID B2C (Microsoft Entra ID B2C) を使用するように構成されています。

警告

Microsoft Entra ID B2C は、2021 年 8 月 1 日までに古い (レガシ) ユーザー フローを破棄します。 したがって、ユーザー フローを新しい推奨バージョンに移行する必要があります。 新しいバージョンでは、機能パリティと新しい機能が提供されます。 詳細については、Microsoft Entra ID B2C のユーザー フローを参照してください。

ID 管理ページ

ID 管理ページは、Commerce サイト ビルダーを使用して作成されます。 ただし、セキュリティ上の理由から、Commerce サイトからではなく Microsoft Entra B2C サーバーでホストされ、提供されます。 ベスト プラクティスとして、ID 管理ページ用に個別の Microsoft Entra ヘッダー フラグメントとフッター フラグメントを作成し、それらに最小限のページ要素を含める必要があります。 相対リンクを持つフラグメントや、Commerce 固有の呼び出し (お気に入りボタンやショッピング カート モジュールからの呼び出しなど) を行うフラグメントは、Microsoft Entra B2C サーバーからは機能しません。 Commerce のインスタンスと共にリリースされるスターター サイトには、参照のために Microsoft Entra のヘッダーとフッターのサンプルが含まれています。

Microsoft Entra ID B2C で ID 管理ページを設定する方法については、ユーザーのサインインに対するカスタム ページの設定を参照してください。

発行された ID 管理ページと Microsoft Entra B2C ユーザー フローの関連付け

ID 管理ページでは、Microsoft Entra B2C サーバーから初期化された JavaScriptが使用されます。 多くの場合、サイト ビルダーや eコマース サイトからページをプレビューすると、ページの中央に白い読み込みバーが表示されますが、初期化されることはありません。 ページが発行されたら、ユーザーのサインインに対するカスタム ページの設定 の説明に従って、そのページを Microsoft Entra B2C ユーザー フローに関連付ける必要があります。その後、Microsoft Entra ID B2C から提供されるページを表示すると、ページ要素がレンダリングされるときに JavaScript が初期化されます。

ID 管理モジュール

Commerce の ID 管理ページで使用されるモジュールは次のとおりです。

サインアップ モジュール

サインアップ モジュールは、サインアップ ページで使用されます。 これには、サイト ユーザーがサインアップ フローを完了するために使用するフォーム要素が含まれます。 ユーザーは、ユーザー名として使用するメール アドレスを提供します。 その後、このモジュールによって Microsoft Entra B2C メール検証フローが実行されます。 このフローでは「コードを送信」がトリガされ、ユーザーが入力したセキュリティ個人識別番号 (PIN) が検証されます。 サインアップ ページで収集された情報は、Microsoft Entra B2C でレコードを作成し、Commerce で顧客レコードを作成するために使用されます。

サインイン モジュール

サインイン モジュールは、サインイン ページで使用されます。 これには、ユーザーが自分のアカウントにサインインするために使用するフォーム要素が含まれます。 サインイン ページには、ユーザーがサインアップ ページを開く時に使用できるボタンも表示されます。 この方法で、このページは Microsoft Entra ID B2Cの「サインアップしてサインインする」ユーザー フローと直接ペアリングされます。

パスワードのリセット モジュール

パスワードのリセット フローに関連付けられているモジュールは次の 2 種類です。

  • パスワードのリセット検証 – このモジュールは、パスワードのリセット検証ページで使用されます。 これにより、ユーザーはユーザー アカウントに関連付けられているメール アドレスにセキュリティ PIN のメールを送信します。 パスワードのリセットの検証ページでは、ユーザーが受け取ったセキュリティ PIN を入力してアカウントの所有権を確認することもできます。
  • パスワードのリセット – このモジュールは、パスワードのリセット ページで使用されます。 パスワード リセットの確認ページでアカウントのメール アドレスが確認された後、ユーザーは新しいパスワードを設定して確認できます。

アカウント プロフィール編集モジュール

アカウント プロフィールの編集モジュールは、プロフィール編集ページで使用されます。 これにより、ユーザーが名および姓を更新できます。 これら 2 つの値は Microsoft Entra B2C と Commerce 間で共有されます。 ユーザーがアカウント プロフィール編集ページを通じて更新を行う場合、値は Microsoft Entra B2C システムと Commerce システムの両方で更新されます。

Commerce eコマース サイトでは、ユーザーはマイ アカウント > マイ プロフィール > 詳細の表示 > 名前 に移動することで自分のアカウント プロフィール編集ページにアクセスできます。 ユーザーは、編集を選択して情報を更新できます。

Microsoft Entra 汎用モジュール

Microsoft Entra 汎用モジュールは Microsoft Entra B2C の推奨パターンに従い、専用の <div> 要素が設定され、Microsoft Entra ID B2C がサイトページ上で要素をレンダリングするために使用できます。 汎用モジュールは柔軟であり、そのモジュールを含むページをすべての Microsoft Entra B2C ユーザー フローのページ レイアウトに使用できます。

Microsoft Entra ID B2C は、ページ上のモジュールに異なるユーザー フロー要素をレンダリングします。 したがって、ページのレンダリング時に視覚的要素に対する制御がわずかに少なくなります。 カスケード スタイル シート (CSS) スタイルが適用されますが、他の ID 管理モジュールのようにページ要素の複雑な配置を行うことはできません。

汎用モジュールを含むページは、Microsoft Entra B2C 設定 (たとえば、サインインおよびサインアップ用の ソーシャル ID プロバイダを追加する場合) を変更したり、将来の Microsoft Entra B2C 機能を使用する場合にモジュールの拡張性調整が必要ないため、より効率的に使用できます。

追加リソース

ユーザーのサインインに対するカスタム ページの設定