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

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

Auth0 Dashboard > Applications > Applications に移動し、Create Application をクリックします。

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

設定タブ	説明
Quick Start	アプリケーションの種類に応じて利用できるドキュメントをすべて表示します。
Settings	アプリケーションで利用可能なすべての設定を表示します。既定では、ほとんどの設定は自動的に作成されます。詳しくは、アプリケーション設定をご覧ください。
Credentials	アプリケーションの認証方式と設定済みの認証情報を表示します。詳しくは、Application Credentials をご覧ください。
Add-ons	アプリケーションに関連付けられたプラグインを有効にできます。通常、これらは SAML または WS-Fed の統合で使用されますが、SPA では一般的に必要ありません。詳しくは、Enable SAML2 Web App Addon および Configure WS-Fed Applications をご覧ください。
Connections	アプリケーションのコネクションを有効にできます。コネクションはユーザーのソースであり、複数のアプリケーション間で有効化して共有できます。詳しくは、Connections をご覧ください。
Organizations	ユーザーが所属する Organization に対して認証できるようにします。詳しくは、Organizations をご覧ください。
Login Experience	Organization 内のユーザー向けのログイン体験を設定できます。詳しくは、Understand how Auth0 Organizations Work をご覧ください。

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

次のステップ

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

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