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

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

OAuth が有効になっていない場合、ログインの試みは失敗します。

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

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

  • Facebook アプリを作成します。
  • Facebook Connect Cloud Service を作成して公開します。

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

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

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

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

• facebookおよびTwitter AdobeGranite OAuth Application および Provider インスタンスには、デフォルトで、それらの範囲内に基本アプリ権限が含まれています。

Fields （params）:URL パラメーターを使用してリクエストされた実際のデータを指定します。

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

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

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

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

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

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

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

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

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

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

• 保存 を選択します。
• Publish。

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

Web コンソールに移動します。 例えば、http://localhost:4503/system/console/configMgrです。

AEM Communities Facebook OAuth プロバイダーを見つけます。

編集する鉛筆アイコンを選択します。

• OAuth プロバイダー ID

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

• Cloud Service設定

  デフォルト値は /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
  • 画像
  • timezone
  • updated_time
  • 検証済み
  • email

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

• ユーザーの更新

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

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

「説明」を入力します。

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

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

アプリケーションが作成されたら、Consumer （API） キー および Consumer （API） シークレット を見つけます。 この情報は、Twitterクラウドサービスを設定するために必要になります。

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

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

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

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

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

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

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

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

• タイトル

  （必須）Twitterアプリを識別する表示タイトルを入力します。 twitterアプリの 表示名 として入力したのと同じ名前を使用します。

• コンシューマーキー

  （必須）Twitterアプリの コンシューマー（API）キー を入力します。 これにより、ダイアログから作成された Adobeの Granite OAuth アプリケーションおよびプロバイダーインスタンスが識別されます。

• 消費者の秘密鍵

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

• ユーザーの作成

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

• ユーザー ID をマスク

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

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

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

SAVE と Publish を選択します。

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

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

例えば、http://localhost:4503/system/console/configMgrです。

AEM CommunitiesTwitterOAuth プロバイダーを見つけます。

編集する鉛筆アイコンを選択します。

• OAuth プロバイダー ID

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

• Cloud Service設定

  デフォルト値は conf です。「編集しない」を リックします。

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

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

• ユーザーパス

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

• パラメーターを有効にする – 編集しません

• URL パラメーター – 編集しないでください

• ユーザーの更新

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

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

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

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

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

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

例えば、http://localhost:4503/system/console/configMgrです。

「Granite OAuth アプリケーションとプロバイダー」というAdobeを見つけます。

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

  

  次のプロパティ以外は、設定のその他のプロパティは変更しません。

• 設定 ID

  （必須） OAuth 設定 ID は一意である必要があります。 Cloud Service の作成時に自動生成されます。

• クライアント ID

  （必須） Cloud Service の作成時に指定されたアプリケーション ID。

• クライアントの秘密鍵

  （必須） Cloud Service の作成時に提供されたアプリケーションの秘密鍵。

• 範囲

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

• プロバイダー ID

  （必須）AEM Communitiesのプロバイダー ID は、Cloud Service の作成時に設定されます。 編集しないでください。 facebook Connect の場合、値は soco -facebook です。 twitter接続の場合、値は soco -twitter です。

• グループ

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

• コールバック URL

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

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

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

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

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

• indexPath: /oak:index/ntBaseLucene-oauth
• name: oauthid-123​**​**
• reindex: true
• reindexCount: 1

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

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

• cqTags から oauthid-123**​** への名前の変更

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

  • name: oauthid-123​**​**

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