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

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

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

作成 ソーシャルアプリとクラウドサービス。

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

  • の作成 Facebookアプリ.
  • の作成と公開 Facebook Connect Cloud Service.

• ログインをサポートするには、次のTwitterを使用します。

  • の作成 Twitterアプリ.
  • の作成と公開 TwitterConnect Cloud Service.

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

範囲 （権限）は、アプリがリクエストできるデータを指定します。

• 101.FacebookとTwitter AdobeGranite OAuth Application and Provider インスタンスの場合は、デフォルトで、アプリの基本的な権限がその範囲に含まれます。

フィールド (params) は、URL パラメーターを使用してリクエストされた実際のデータを指定します。

• これらのフィールドは、 AEM Communities Facebook OAuth Provider および AEM CommunitiesTwitterOAuth Provider.
• ほとんどの使用例ではデフォルトのフィールドで十分ですが、変更できます。

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

グローバルナビゲーションから、「 」を選択します。 ツール > Cloud Service > Facebook Social ログイン設定.

設定を選択 コンテキストパス.

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

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

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

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

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

• タイトル (必須) Facebook App を識別する表示タイトルを入力します。 入力した名前を 表示名 facebookアプリ用。
• アプリ ID/API キー (必須) アプリ ID (Facebook App 用 ) これは、 AdobeGranite OAuth Application and Provider ダイアログから作成されたインスタンス。
• App Secret (必須) App Secret (Facebook App 用 )
• ユーザーを作成 オンにすると、FacebookアカウントでログインしたときにAEMユーザーエントリが作成され、選択したユーザーグループにメンバーとして追加されます。 デフォルトはオンです（強く推奨）。
• ユーザー ID をマスク：選択を解除したままにします。
• スコープメール：ユーザーの電子メール ID は、Facebookから取得する必要があります。
• ユーザーグループに追加 「ユーザーグループの追加」を選択して、1 つ以上の メンバーグループ ユーザーを追加するコミュニティサイト用に作成されます。

• 選択 保存.
• 公開.

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

次に移動： Web コンソール. 例：http://localhost:4503/system/console/configMgr

AEM Communities Facebook OAuth Provider を見つけます。

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

• OAuth Provider ID

  (必須) デフォルト値は soco -facebook. 編集しないでください。

• Cloud Service設定

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

• OAuth Provider Service Config

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

• タグを有効にする

  編集しないでください。

• ユーザーパス

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

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

  オンにすると、Facebookへのユーザー認証と情報のリクエストで、一覧表示されるフィールドが指定されます。 デフォルトはオフです。

• フィールド

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

  • id
  • name
  • first_name
  • last_name
  • リンク
  • locale
  • 画像
  • timezone
  • updated_time
  • 検証済み
  • email

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

• ユーザーを更新

  オンにすると、ログインのたびにリポジトリ内のユーザーデータが更新され、プロファイルの変更やリクエストされた追加データが反映されます。 初期設定はオフです。

を入力します。 名前 これにより、web サイトのTwitterに対するユーザーアプリケーションが識別されます。

「説明」を入力します。

の場合 web サイト — 入力 https://<server>.

の場合 コールバック URL — 入力 https://server.

アプリケーションが作成されたら、 消費者 (API) キー および 消費者 (API) 秘密鍵. この情報は、 Twitterクラウドサービス.

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

グローバルナビゲーションから、「 」を選択します。 ツール > Cloud Service > Twitterソーシャルログイン設定.

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

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

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

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

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

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

• タイトル

  (必須) アプリを識別する表示タイトルを入力します。Twitterアプリを識別します。 入力した名前を 表示名 twitterアプリ用。

• 消費者キー

  (必須) 消費者 (API) キー twitterアプリ用。 これは、 AdobeGranite OAuth Application and Provider ダイアログから作成されたインスタンス。

• 消費者の秘密鍵

  (必須) 消費者 (API) シークレット twitterアプリ。

• ユーザーを作成

  オンにすると、Twitterアカウントでログインすると、AEMユーザーエントリが作成され、選択したユーザーグループにメンバーとして追加されます。 デフォルトはオンです（強く推奨）。

• ユーザー ID をマスク

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

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

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

選択 保存 および 公開.

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

次に移動： Web コンソール.

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

AEM CommunitiesTwitterOAuth Provider を見つけます。

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

• OAuth Provider ID

(必須) デフォルト値は ソコtwitter. 編集しないでください。

• Cloud Service設定

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

• OAuth Provider Service Config

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

• ユーザーパス

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

• Enable Params — 編集しない

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

• ユーザーを更新

  オンにすると、ログインのたびにリポジトリ内のユーザーデータが更新され、プロファイルの変更やリクエストされた追加データが反映されます。 デフォルトはオフです。

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

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

「設定」タブで、 ソーシャルログイン 保存します。

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

次に移動： Web コンソール.

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

AdobeGranite OAuth Application and Provider を見つけます。

• 次の場所にあるインスタンスを見つけます。 クライアント ID が アプリ ID.

  

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

• 設定 ID

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

• クライアント ID

  (必須) クラウドサービスの作成時に提供されたアプリケーション ID。

• クライアントの秘密鍵

  (必須) クラウドサービスの作成時に提供されたアプリケーション秘密鍵。

• 範囲

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

• プロバイダー ID

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

• グループ

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

• コールバック URL

  (オプション) OAuth プロバイダーがクライアントをリダイレクトして戻すように設定した URL。 元のリクエストのホストを使用するには、相対 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
• 名前: oauthid-123​**​**
• 再インデックス: true
• reindexCount: 1

ノード/oak:index/ntBaseLucene-oauth/indexRules/nt:base/properties の下で、次の手順を実行します。

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

• cqTags の名前をに変更します。 oauthid-123**​**

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

  • 名前: oauthid-123​**​**

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