Auth0のユニバーサルログイン

Documentation Index

Fetch the complete documentation index at: https://auth0-feat-ionic-capacitor-quickstart-modernization.mintlify.app/llms.txt

Use this file to discover all available pages before exploring further.

​

ユニバーサルログインを構成する

• ユニバーサルログイン では、ユーザー向けに効率化されたエクスペリエンスを受けることができ、カスタマイズにJavaScriptを使用する必要はありません。
• クラシックログイン では、ログインフローの各ページにJavaScript制御を使用します。

​

アクセシビリティ

• Web Content Accessibility Guidelines (WCAG) version 2.2 AA
• EN 301 549

curl -L -X PATCH 'https://<tenant_name>.auth0.com/api/v2/prompts' \
-H 'Content-Type: application/json' \
-H 'Accept: application/json' \
-H 'Authorization: Bearer abc123' \
-d '{"enable_ulp_wcag_compliance":true}'

• スクリーンリーダーにアクセスできるよう、検証エラーが代わりにツールチップとしてインライン表示される
• デフォルトのインターフェイスコンポーネントの色が色のコントラストに関するWCAGガイドラインに沿っている
• フォームがオートコレクトを使用する
• インターフェイスコンポーネントのARIAとその他の属性によって、スクリーンリーダーを簡単に移動できる
• メールアドレスはクライアント側で検証され、サーバー側の検証と同じ形式ルールが適用されます。
• HTMLラベルはアクセス可能で、それぞれの入力フィールドに関連付けられます。
• パスワードの複雑さの要件とインラインエラーメッセージはスクリーンリーダーによって読み上げられます。
• すべての認可フロー画面には便利で分かりやすいページタイトルがあります。
• 必須フィールドにはラベルに視覚的なインジケーターが使用されます。

​

ログインページをカスタマイズする

​

ユニバーサルログインを実装する

1. Auth0にアプリケーションを登録します。
2. 認証APIのログインエンドポイントを呼び出すようにアプリケーションを構成し、ログインフローをトリガーして応答を処理します。これを行うには、直接構成するか、Auth0のいずれかのSDKを使用します。
3. データベース、エンタープライズ、またはソーシャル接続を作成し、アプリケーション向けに有効にします。

​

ログインページに移動する

• response_type（codeまたはtoken）
• client_id
• redirect_uri
• state
  • この値が必要な理由を明確に理解するには、「OAuth 2.0の状態パラメーターを使用して攻撃防御とユーザーのリダイレクトを行う」を参照してください。

​

Quickstartガイドを使用する

​

もっと詳しく

• 中央集中型ユニバーサルログインと埋め込みログイン
• ユニバーサルログインエクスペリエンス
• クラシックログインエクスペリエンス
• ユニバーサルログインとクラシックログイン
• ユニバーサルログインの国際化