重要
2025 年 5 月 1 日より、Azure AD B2C は新規のお客様向けに購入できなくなります。 詳細については、FAQ を参照してください。
このチュートリアルでは、Nevis Access アプリを使用して Azure Active Directory B2C (Azure AD B2C) でパスワードレス認証を有効にし、顧客認証を有効にし、Payment Services Directive 2 (PSD2) トランザクション要件に準拠する方法について説明します。 PSD2 は、欧州連合 (EU) の指令であり、欧州委員会 (一般域内市場総局) によって管理され、EU および欧州経済領域 (EEA) 全体の決済サービスおよび決済サービスプロバイダーを規制します。
[前提条件]
作業を開始するには、以下が必要です。
Nevisデモ口座
-
nevis.netfor Nevis + Microsoft Azure AD B2Cに移動してアカウントをリクエストします
-
Azure サブスクリプション
- お持ちでない場合は、Azure 無料アカウントを取得できます
Azure サブスクリプションにリンクされた Azure AD B2C テナント
注
Nevis をサインアップ ポリシー フローに統合するには、カスタム ポリシーを使用するように Azure AD B2C 環境を構成します。
「 チュートリアル: Azure Active Directory B2C でユーザー フローとカスタム ポリシーを作成する」を参照してください。
シナリオの説明
ブランド化された Access アプリをバックエンド アプリケーションに追加して、パスワードレス認証を行います。 ソリューションを構成するコンポーネントは次のとおりです。
- Azure AD B2C テナント は、バックエンド向けにサインインとサインアップを組み合わせたポリシーを持っています
- Azure AD B2C を強化するための Nevis インスタンスとその REST API
- ブランド化された Access アプリ
次の図は、実装を示しています。
- ユーザーが Azure AD B2C ポリシーを使用してアプリケーションへのサインインまたはサインアップを試みます。
- サインアップ時には、QRコードを使用してアクセスがユーザーデバイスに登録されます。 秘密鍵はユーザーデバイス上で生成され、ユーザー要求の署名に使用されます。
- Azure AD B2C では、RESTful 技術プロファイルを使用して、Nevis ソリューションでのサインインを開始します。
- サインイン要求は、プッシュ メッセージ、QR コード、またはディープ リンクとして Access に送信されます。
- ユーザーは、生体認証を使用してサインインの試行を承認します。 メッセージが Nevis に送信され、保存された公開鍵でサインインが確認されます。
- Azure AD B2C は、サインインが完了したことを確認するための要求を Nevis に送信します。
- ユーザーには、アプリケーションへのアクセスが許可または拒否され、Azure AD B2C の成功または失敗のメッセージが表示されます。
Azure AD B2C テナントを統合する
Nevisアカウントをリクエストする
- 管理アカウントの通知
- モバイルアプリの招待
Azure AD B2C テナントを Nevis アカウントに追加する
- 管理アカウントの試用版メールから、管理キーをコピーします。
- ブラウザで、 Nevis管理コンソールを開きます。
- 管理キーを使用して管理コンソールにサインインします。
- [ インスタンスの追加] を選択します。
- 作成したインスタンスを選択します。
- サイドナビゲーションで、[ カスタム統合]を選択します。
- [カスタム統合の追加] を選択します。
- [統合名] に、Azure AD B2C テナント名を入力します。
-
[URL/ドメイン] に「
https://yourtenant.onmicrosoft.com」と入力します。 - [次へ] を選択します
- 完了を選択します。
注
Nevisアクセストークンは後で必要になります。
Nevis Accessをお使いの携帯電話にインストールします
- Nevis モバイル アプリの招待メールから、 Test Flight アプリの 招待を開きます。
- アプリをインストールします。
Azure AD B2C と Nevis の統合
- Azure portal にサインインします。
- Azure AD B2C テナントに切り替えます。 注: Azure AD B2C テナントは、通常、別のテナントにあります。
- メニューで、「 Identity Experience Framework (IEF)」を選択します。
- [ポリシー キー] を選択します。
- [] を選択し、[] を追加します。
- 新しいキーを作成します。
- [オプション] で、[手動] を選択します。
- [名前] で [AuthCloudAccessToken] を選択します。
- シークレットには、保存されているNevisアクセストークンを貼り付けます。
- [キーの使用法] で [暗号化] を選択します。
- を選択してを作成します。
nevis.html ファイルを構成して Azure BLOB ストレージにアップロードする
- Identity Environment(IDE)で、 /master/samples/Nevis/policy フォルダに移動します。
-
/samples/Nevis/policy/でnevis.html
nevis.htmlファイルを開きます。 -
authentication_cloud_urlを Nevis 管理コンソールの URL
https://<instance_id>.mauth.nevis.cloudに置き換えます。 - 保存 を選択します。
- Azure Blob Storage アカウントを作成します。
-
nevis.htmlファイルを Azure Blob Storage にアップロードします。 - CORS を構成します。
- ファイルのクロスオリジンリソース共有 (CORS) を有効にします。
- 一覧で、 nevis.html ファイルを選択します。
- [概要] タブで、URL の横にある [リンクのコピー] アイコンを選択します。
- 新しいブラウザタブでリンクを開き、灰色のボックスが表示されることを確認します。
注
BLOB リンクは後で必要になります。
TrustFrameworkBase.xml のカスタマイズ
- IDE で、 /samples/Nevis/policy フォルダに移動します。
- TrustFrameworkBase.xmlを開きます。
- お客様のテナントを TenantId の Azure テナントアカウント名で置き換えてください。
- PublicPolicyURI の your tenant を Azure テナント アカウント名に置き換えます。
- すべての authentication_cloud_url インスタンスをNevis管理コンソールのURLに置き換えます。
- 保存 を選択します。
TrustFrameworkExtensions.xml のカスタマイズ
- IDE で、 /samples/Nevis/policy フォルダに移動します。
- TrustFrameworkExtensions.xmlを開きます。
- お客様のテナントを TenantId の Azure テナントアカウント名で置き換えてください。
- PublicPolicyURI の your tenant を Azure テナント アカウント名に置き換えます。
- BasePolicy の TenantId で、あなたのテナントを Azure テナント アカウント名に置き換えます。
-
「BuildingBlocks」 で、LoadUri を BLOB ストレージ アカウントの
nevis.htmlblob リンク URL に置き換えます。 - 保存 を選択します。
SignUpOrSignin.xml のカスタマイズ
- IDE で、 /samples/Nevis/policy フォルダに移動します。
- SignUpOrSignin.xml ファイルを開きます。
- お客様のテナントを TenantId の Azure テナントアカウント名で置き換えてください。
- あなたのテナント を PublicPolicyUri にある Azure テナント アカウント名に置き換えます。
- BasePolicy の TenantId で、あなたのテナント を Azure テナント アカウント名に置き換えてください。
- 保存 を選択します。
Azure AD B2C へのカスタム ポリシーのアップロード
- Azure portal で、 Azure AD B2C テナントを開きます。
- [Identity Experience Framework] を選択します。
- [ カスタム ポリシーのアップロード] を選択します。
- 変更した TrustFrameworkBase.xml ファイルを選択します。
- カスタムポリシーが既に存在する場合、それを上書きする チェックボックスを選択します。
- [アップロード] を選択します。
- TrustFrameworkExtensions.xmlの手順 5 と 6 を繰り返します。
- SignUpOrSignin.xmlの手順 5 と 6 を繰り返します。
ユーザー フローをテストする
テストアカウントの作成とアクセスのセットアップ
- Azure portal で、 Azure AD B2C テナントを開きます。
- [Identity Experience Framework] を選択します。
- [カスタム ポリシー] まで下にスクロールし、[B2C_1A_signup_signin] を選択します。
- [今すぐ実行] を選択します。
- ウィンドウで、[ 今すぐサインアップ] を選択します。
- メールアドレスを追加します。
- [ 確認コードを送信] を選択します。
- メールから確認コードをコピーします。
- [ 確認] を選択します。
- 新しいパスワードと表示名をフォームに入力します。
- を選択してを作成します。
- QRコードスキャンページが表示されます。
- お使いの携帯電話で、 Nevis Accessアプリを開きます。
- [Face ID] を選択します。
- 「Authenticator registration was successful」(オーセンティケータの登録に成功しました)画面が表示されます。
- 続行を選択します。
- 電話で、顔で認証します。
- jwt.ms ウェルカムページが表示され、デコードされたトークンの詳細が表示されます。
パスワードレス サインインをテストする
- Identity Experience Framework で、B2C_1A_signup_signinを選択します。
- [今すぐ実行] を選択します。
- ウィンドウで、[ パスワードレス認証] を選択します。
- メール アドレスを入力します。
- 続行を選択します。
- 電話の[通知]で、[ Nevis Accessアプリの通知]を選択します。
- 顔で認証します。
- [jwt.ms welcome] ページにトークンが表示されます。