Facebook と Twitter を使用したソーシャルログイン social-login-with-facebook-and-twitter

すべてのAEM パブリッシュインスタンスでOAuth認証を有効にします。

OAuthを有効にしないと、ログインに失敗します。

ソーシャルアプリとクラウドサービスを作成​します。

• Facebookでのログインをサポートするには：

  • Facebook アプリ ​を作成します。
  • Facebook Connect クラウドサービス ​を作成して公開します。

• Twitterでのログインをサポートするには：

  • Twitter アプリ ​を作成します。
  • Twitter Connect クラウドサービス ​を作成して公開します。

コミュニティサイトの​ソーシャルログイン​を有効にする。

スコープ （権限）は、アプリがリクエストを許可するデータを指定します。

• FacebookおよびTwitter Adobe Granite OAuth Application and Provider インスタンスには、デフォルトで、スコープ内に基本的なアプリ権限が含まれています。

フィールド （パラメーター）は、URL パラメーターを使用して要求された実際のデータを指定します。

• これらのフィールドは、AEM Communities Facebook OAuth ProviderおよびAEM Communities Twitter OAuth Providerで指定されます。
• デフォルトのフィールドは、ほとんどのユースケースで十分ですが、変更できます。

AEM オーサーインスタンスで、管理者権限でログインします。

グローバルナビゲーションから、ツール/クラウドサービス/Facebook ソーシャルログイン設定​を選択します。

設定​ コンテキストパス ​を選択します。

コンテキストパス​は、コミュニティサイトの作成/編集中に選択したクラウド設定パスと同じである必要があります。

コンテキストパスがその下にクラウドサービスを作成するために有効になっているかどうかを確認します。

ツール > 一般 > 設定ブラウザー​に移動します。 コンテキストを選択し、プロパティを編集します。 まだ有効になっていない場合は、クラウド設定を有効にします。

• 詳しくは、設定ブラウザーのドキュメントを参照してください。

Facebook クラウドサービス設定を作成/編集。

• タイトル （必須） Facebook アプリを識別する表示タイトルを入力します。 Facebook アプリの​ 表示名 ​と同じ名前を入力してください。
• アプリ ID/API キー （必須） Facebook アプリの​ アプリ ID ​を入力します。 これにより、ダイアログから作成されたAdobe Granite OAuth Application and Provider インスタンスが特定されます。
• アプリ秘密鍵 （必須） Facebook アプリの​ アプリ秘密鍵 ​を入力します。
• Create Users オンにした場合、Facebook アカウントでログインすると、AEM ユーザーエントリが作成され、選択したユーザーグループにメンバーとして追加されます。 デフォルトはオンになっています（強くお勧めします）。
• ユーザーIDをマスク：選択解除のままにします。
• 範囲メール: ユーザーのメール IDをFacebookから取得する必要があります。
• ユーザーグループに追加​を選択して、ユーザーを追加するコミュニティサイトの1つ以上の​ メンバーグループ ​を選択します。

• 保存​を選択します。
• 公開。

管理者権限でログインします。

Web コンソール ​に移動します。 例：http://localhost:4503/system/console/configMgr

AEM Communities Facebook OAuth プロバイダーを探します。

編集のために開く鉛筆アイコンを選択します。

• OAuth プロバイダーID

  （必須） デフォルト値は​ soco -facebook ​です。 編集しないでください。

• Cloud Service Config

  デフォルト値は /etc/ cloudservices / facebookconnect です。 編集しないでください。

• OAuth プロバイダーサービス設定

  デフォルト値は /apps/social/facebookprovider/config/ です。 編集しないでください。

• タグを有効にする

  編集しないでください。

• ユーザーパス

  ユーザーデータが保存されているリポジトリ内の場所。 コミュニティサイトの場合、メンバーがお互いのプロファイルを表示するための権限を確保するには、パスをデフォルトの​ /home/users/community ​にする必要があります。

• フィールドを有効にする

  チェックを入れた場合、リストされたフィールドは、ユーザーの認証と情報のためにFacebookへのリクエストで指定されます。 デフォルトの選択は解除されます。

• フィールド

  フィールドが有効になっている場合、Facebook Graph APIの呼び出し時に次のフィールドが含まれます。 フィールドは、クラウドサービス設定で定義されたスコープ内で許可する必要があります。 追加のフィールドは、Facebookによる承認が必要な場合があります。 Facebook ドキュメントの「Facebook ログイン権限」セクションを参照してください。 パラメーターとして追加されるデフォルトのフィールドは次のとおりです。

  • id
  • name
  • first_name
  • last_name
  • リンク
  • locale
  • ピクチャ
  • タイムゾーン
  • updated_time
  • 検証済み
  • メール

フィールドが追加または変更された場合は、対応するデフォルトの同期ハンドラー設定を更新して、マッピングを修正します。

• ユーザーの更新

  オンにすると、各ログイン時にリポジトリ内のユーザーデータが更新され、プロファイルの変更や要求された追加データが反映されます。 デフォルトの選択は解除されます。

Web サイトのユーザーにTwitter アプリケーションを識別する​ 名前 ​を入力します。

「説明」を入力します。

web サイト​の場合：https://<server>と入力します。

コールバック URL​の場合は、https://serverと入力します。

アプリケーションを作成したら、Consumer （API） Key​と​ Consumer （API） Secret ​を見つけます。 この情報は、Twitter クラウドサービス ​の設定に必要です。

オーサーインスタンスで、管理者権限でログインします。

グローバルナビゲーションから、ツール/クラウドサービス/Twitter ソーシャルログイン設定​を選択します。

コンテキストパス​設定を選択します。

コンテキストパスは、コミュニティサイトの作成/編集時に選択したクラウド設定パスと同じである必要があります。

コンテキストパスがその下にクラウドサービスを作成するために有効になっているかどうかを確認します。

ツール > 一般 > 設定ブラウザー​に移動します。 コンテキストを選択し、プロパティを編集します。 まだ有効になっていない場合は、クラウド設定を有効にします。

• 詳しくは、設定ブラウザーのドキュメントを参照してください。

Twitter クラウドサービス設定を作成/編集します。

• タイトル

  （必須） Twitter アプリを識別する表示タイトルを入力します。 Twitter アプリの​ 表示名 ​と同じ名前を入力してください。

• コンシューマーキー

  （必須） Twitter アプリの​ 消費者（API） キー ​を入力します。 これにより、ダイアログから作成されたAdobe Granite OAuth Application and Provider インスタンスが特定されます。

• コンシューマーシークレット

  （必須） Twitter アプリの​ Consumer （API） Secret ​を入力します。

• ユーザーの作成

  チェックを入れた場合、Twitter アカウントでログインすると、AEM ユーザーエントリが作成され、選択したユーザーグループにメンバーとして追加されます。 デフォルトはオンになっています（強くお勧めします）。

• ユーザーIDをマスク

  選択を解除したままにします。

• ユーザーグループに追加

  「ユーザーグループを追加」を選択して、ユーザーを追加するコミュニティサイトの1つ以上の​ メンバーグループ ​を選択します。

SAVE​と​ Publish ​を選択します。

管理者権限でログインします。

Web コンソール ​に移動します。

例：http://localhost:4503/system/console/configMgr

AEM Communities Twitter OAuth プロバイダーを探します。

編集のために開く鉛筆アイコンを選択します。

• OAuth プロバイダーID

（必須） デフォルト値は​ soco -twitter ​です。 編集しないでください。

• Cloud Service Config

  デフォルト値は​ conf. ​です 編集しないでください。

• OAuth プロバイダーサービス設定

  デフォルト値は /apps/social/twitterprovider/config/ です。 編集しないでください。

• ユーザーパス

  ユーザーデータが保存されているリポジトリ内の場所。 コミュニティサイトの場合、メンバーがお互いのプロファイルを表示するための権限を確保するには、パスをデフォルトの/home/users/communityにする必要があります。

• パラメーターを有効にする – 編集しない

• URL パラメーター – 編集しない

• ユーザーの更新

  オンにすると、各ログイン時にリポジトリ内のユーザーデータが更新され、プロファイルの変更や要求された追加データが反映されます。 デフォルトの選択は解除されます。

ソーシャルログイン設定を保存したサイト設定コンテキストを選択します。

「一般」タブで、クラウド設定を設定します。

「設定」タブで、ソーシャルログイン​を有効にして保存します。

管理者権限でログインします。

Web コンソール ​に移動します。

例：http://localhost:4503/system/console/configMgr

Adobe Granite OAuth Application and Providerを探します。

• クライアント ID​が​ アプリ ID ​と一致するインスタンスを見つけます。

  

  次のプロパティを除き、設定のその他のプロパティは変更しないでください。

• 設定ID

  （必須） OAuth設定IDは一意である必要があります。 クラウドサービスの作成時に自動生成。

• クライアント ID

  （必須） クラウドサービスの作成時に指定されたアプリケーション ID。

• クライアントの秘密鍵

  （必須） クラウドサービスの作成時に指定されたアプリケーション秘密鍵。

• 範囲

  （オプション）許可される内容に関する追加の範囲は、プロバイダーから求めることができます。 デフォルトの範囲では、ソーシャル認証とプロファイルデータの提供に必要な権限がカバーされています。

• プロバイダーID

  （必須） AEM CommunitiesのプロバイダーIDは、クラウドサービスの作成時に設定されます。 編集しないでください。 Facebook Connectの場合、値は​ soco -facebook ​です。 Twitter Connectの場合、値は​ soco -twitter ​です。

• グループ

  （おすすめ）作成したユーザーが追加される1つ以上のメンバーグループ。 AEM Communitiesの場合は、コミュニティサイトのメンバーグループをリストアップすることをお勧めします。

• コールバック URL

  （オプション）のURLは、クライアントをリダイレクトするためにOAuth プロバイダーで設定されています。 相対URLを使用して、元のリクエストのホストを使用します。 最初にリクエストされたURLを代わりに使用するには、空のままにします。 サフィックス「/callback/j_security_check」がこのURLに自動的に追加されます。

グローバルナビゲーションから：ツール、CRX/DE Liteを選択します。

ntBaseLuceneのコピーからntBaseLucene-oauthという名前のインデックスを作成します。

• ノード /oak:indexの下
• ノード ntBaseLuceneを選択
• コピー​を選択
• /oak:index を選択します。
• 貼り付け​を選択
• ntBaseLuceneのコピー名をntBaseLucene-oauthに変更

ノード ntBaseLucene-oauthのプロパティを変更します。

• indexPath: /oak:index/ntBaseLucene-oauth
• name: oauthid-123****
• インデックス再作成: true
• reindexCount: 1

ノード /oak:index/ntBaseLucene-oauth/indexRules/nt:base/propertiesの下：

• cqTagsを除くすべての子ノードを削除します。

• cqTagsをoauthid-123****に変更します

• ノード oauthid-123****のプロパティを変更します

  • name: oauthid-123****

• 「すべて保存」を選択します。