柔軟な接続切り替えを設定する

Universal Login で柔軟な接続切り替えを実装する方法について説明します

柔軟な接続切り替えは、ユーザーがアプリケーションへのログイン時に認証方法を選択できるオプション機能です。実装すると、アプリケーションのログイン画面に、従来のデータベース認証情報またはパスワードレス接続のいずれかで認証する選択肢が表示されます。パスワードレス接続を選択したユーザーには、メールアドレスまたは SMS でワンタイムパスワード (OTP) が送信され、そのパスワードを使用してアプリケーションにログインできます。

柔軟な接続切り替えでは、カスタム Universal Login プロンプトを使用して、ユーザーがより主体的に認証方法を選べる体験を提供します。

​

始める前に

柔軟な接続切り替えを実装する前に、次の要件を満たしていることを確認してください。

• Universal Login を使用します。

  • この機能はカスタムログインページでは利用できません。

• カスタムドメイン を設定します。

• アプリケーションで以下を有効にします。

  • Identifier First 認証
  • データベース接続
  • メールアドレスまたは SMS によるパスワードレス認証

​

柔軟な接続切り替えを実装する

この機能を実装するには、Auth0 Management API を使用して、カスタムのサインアップおよびログイン プロンプト partials を設定します。partials は、ログイン画面などのプロンプト画面内のエントリ ポイントに挿入するカスタム コードです。詳細については、Customize Signup and Login Prompts を参照してください。

柔軟な接続切り替えを実装するには、以下のパラメーターを使用してカスタム プロンプト partials を設定します。

パラメーター	説明	例
state	現在のページの state 値をレンダリングします。これは不透明で、セキュリティ上の目的で使用されます。 現在の画面情報の詳細については、Customize Univeral Login Page Templates を参照してください。	<input type='hidden' name='state' value='{{state}}'>
connection	接続の名前と種類。 パスワードレス接続の場合、値は email または sms のいずれかです。	<input type='hidden' name='connection' value='email'>

以下のコード サンプルでは、プレースホルダーを適切な値に置き換えてください。

• {yourDomain} を yourdomain.auth0.com に置き換えます。
• {mgmtApiToken} をお使いのアクセストークンに置き換えます。

​

サインアッププロンプトを設定する

プロンプトの partials を設定するエンドポイントを使用して、signup-passwordプロンプトを設定できます。

その結果、signup-password 画面に 「メールで安全なコードを送信するボタン」 が追加されます。ユーザーがこのボタンを選択すると、ログイン用の state パラメーターと使用する接続の名前を含むフォーム本文が送信されます。

​

ログイン プロンプトを設定する

最適な結果を得るには、パスワード接続とパスワードレス接続の両方でログイン プロンプトを設定することをお勧めします。

[login-password プロンプトは、プロンプトの partials を設定するエンドポイントを使用して設定できます。](#)

その結果、login-password 画面に メールで安全なコードを送信するボタン が追加されます。ユーザーがこのボタンを選択すると、ログインの state パラメーターと対象の接続名を含むフォームデータが送信されます。

同様に、プロンプトの partials を設定する エンドポイントを使用して、login-passwordless プロンプトを設定できます。