メインコンテンツへスキップ
Auth0 をシングルページ Web アプリに統合するには、まず Auth0 Dashboard を使用してアプリを Auth0 に登録する必要があります。
  1. Dashboard > Applications > Applications に移動し、Create Application をクリックします。
  2. アプリケーションのわかりやすい名前を入力し、Single-Page Web Applications を選択して、Create をクリックします。 新しいアプリケーションが作成されると、アプリケーション設定 ページを表示できます。このページには次のタブが含まれます。
    Settings TabDescription
    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 からも実行できるさまざまなタスク (たとえば、ユーザーの作成やアプリケーションのグラントタイプの設定) を自動化できます。

​
詳細情報