シングルページ Web アプリケーションを登録する

Auth0 をシングルページ Web アプリに統合するには、まず Auth0 Dashboard を使用してアプリを Auth0 に登録する必要があります。

アプリケーションのわかりやすい名前を入力し、Single-Page Web Applications を選択して、Create をクリックします。新しいアプリケーションが作成されると、アプリケーション設定 ページを表示できます。このページには次のタブが含まれます。

Settings Tab	Description
Quick Start	アプリケーションの種類に応じて利用できるすべてのドキュメントを表示します。
Settings	アプリケーションで利用可能なすべての設定を表示します。デフォルトでは、ほとんどの設定は自動的に作成されます。詳しくは、アプリケーション設定を参照してください。
Credentials	アプリケーションの認証方法と設定済みの認証情報を表示します。詳しくは、Application Credentials を参照してください。
Add-ons	アプリケーションに関連付けられたプラグインを有効にできます。これらは通常、SAML または WS-Fed の統合で使用されますが、SPA で必要になることはあまりありません。詳しくは、Enable SAML2 Web App Addon と Configure WS-Fed Applications を参照してください。
Connections	アプリケーションの接続を有効にできます。接続はユーザーの認証元であり、複数のアプリケーションで有効化して共有できます。詳しくは、Connections を参照してください。
Organizations	ユーザーが所属する組織にログインできるようにします。詳しくは、Organizations を参照してください。
Login Experience	組織のユーザー向けのログイン体験を設定できます。詳しくは、Understand how Auth0 Organizations Work を参照してください。

詳しくは、アプリケーション設定を参照してください。

次のステップ

アプリケーションを登録したら、次の設定手順を確認して完了してください。

少なくとも 1 つの接続 (データベース接続やソーシャルログインなど) を設定し、アプリケーションで有効化します。有効な接続がないと、ユーザーは認証できません。
アプリのコードを変更して、Auth0 に登録したアプリケーションを使用するようにします。Auth0 クイックスタートでは、ログインとログアウトの実装方法、ユーザーのセッション管理、ユーザープロフィール情報の取得と表示などについて、詳しい手順を確認できます。
Auth0 API を使用します。
- Authentication API は、主要な ID 関連機能 (たとえば、ログイン、ログアウト、ユーザープロフィールの取得) を担います。ほとんどのユーザーは、この API をクイックスタート、Auth0 SPA SDK、または Lock ウィジェットを通じて利用します。レガシーアプリケーションについては、Auth0.js ライブラリを参照してください。ただし、認証 UI をすべて手動で構築する場合は、この API を直接利用する必要があります。
- Management API を使用すると、Auth0 の Dashboard からも実行できるさまざまなタスク (たとえば、ユーザーの作成やアプリケーションのグラントタイプの設定) を自動化できます。