Facebook 및 Twitter로 소셜 로그인 social-login-with-facebook-and-twitter

모든 AEM 게시 인스턴스에서 OAuth 인증 활성화.

OAuth를 활성화하지 않은 경우 로그인 시도가 실패합니다.

소셜 앱 및 클라우드 서비스를 만들기.

• Facebook 로그인을 지원하려면:

  • Facebook 앱을 만듭니다.
  • Facebook Connect 클라우드 서비스를 만들어 게시합니다.

• Twitter 로그인을 지원하려면:

  • Twitter 앱을 만듭니다.
  • Twitter Connect 클라우드 서비스를 만들어 게시합니다.

커뮤니티 사이트에 대해 소셜 로그인 사용.

범위(권한)은 앱에서 요청할 수 있는 데이터를 지정합니다.

• Facebook 및 Twitter Adobe Granite OAuth 애플리케이션 및 공급자 인스턴스에는 기본적으로 해당 범위 내에 기본 앱 권한이 포함됩니다.

필드(매개 변수)은 URL 매개 변수를 사용하여 요청된 실제 데이터를 지정합니다.

• 이 필드는 AEM Communities Facebook OAuth 공급자 및 AEM Communities Twitter OAuth 공급자에 지정됩니다.
• 기본 필드는 대부분의 사용 사례에 충분하지만 수정할 수 있습니다.

AEM 작성자 인스턴스에서 관리자 권한으로 로그인합니다.

전역 탐색에서 도구 > 클라우드 서비스 > Facebook 소셜 로그인 구성​을 선택합니다.

컨텍스트 경로 구성을 선택하십시오.

컨텍스트 경로​은(는) 커뮤니티 사이트를 만들거나 편집하는 동안 선택한 클라우드 구성 경로와 같아야 합니다.

컨텍스트 경로 아래에서 클라우드 서비스를 만들 수 있도록 컨텍스트 경로가 활성화되어 있는지 확인하십시오.

도구 > 일반 > 구성 브라우저(으)로 이동합니다. 컨텍스트를 선택하고 속성을 편집합니다. 아직 활성화되지 않은 경우 클라우드 구성을 활성화합니다.

• 자세한 내용은 구성 브라우저 설명서를 참조하십시오.

Facebook 클라우드 서비스 구성을 만들기/편집​합니다.

• 제목 (필수) Facebook 앱을 식별하는 표시 제목을 입력합니다. Facebook 앱의 표시 이름​과 같은 이름을 입력하십시오.
• 앱 ID/API 키(필수) Facebook 앱의 앱 ID​를 입력하십시오. 대화 상자에서 만든 Adobe Granite OAuth 응용 프로그램 및 공급자 인스턴스를 식별합니다.
• 앱 암호 (필수) Facebook 앱의 앱 암호​를 입력하십시오.
• 사용자 만들기 확인 표시가 되어 있으면 Facebook 계정으로 로그인하면 AEM 사용자 항목이 만들어지고 선택한 사용자 그룹의 구성원으로 추가됩니다. 기본값이 선택되어 있습니다(적극 권장).
• 사용자 ID 마스크: 선택 해제된 상태로 둡니다.
• 범위 전자 메일: 사용자의 전자 메일 ID를 Facebook에서 가져와야 합니다.
• 사용자 그룹에 추가 사용자 그룹 추가를 선택하여 사용자를 추가할 커뮤니티 사이트에 대해 하나 이상의 구성원 그룹을 선택합니다.

• 저장​을 선택합니다.
• 게시.

관리자 권한으로 로그인합니다.

웹 콘솔로 이동합니다. 예: 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
  • 이름
  • first_name
  • last_name
  • 링크
  • 로케일
  • 그림
  • 시간대
  • updated_time
  • 확인됨
  • 이메일

필드가 추가되거나 변경되면 해당 기본 동기화 핸들러 구성을 업데이트하여 매핑을 수정합니다.

• 사용자 업데이트

  선택하면 로그인할 때마다 저장소의 사용자 데이터를 새로 고쳐 프로필 변경 사항 또는 요청한 추가 데이터를 반영합니다. 기본값은 선택 해제되어 있습니다.

웹 사이트 사용자에게 Twitter 응용 프로그램을 식별하는 이름​을(를) 입력하십시오.

설명​을 입력하십시오.

웹 사이트​의 경우 https://<server>을(를) 입력하십시오.

콜백 URL​의 경우 https://server을(를) 입력하십시오.

응용 프로그램이 만들어지면 소비자(API) 키 및 소비자(API) 암호​를 찾습니다. 이 정보는 Twitter 클라우드 서비스를 구성하는 데 필요합니다.

작성자 인스턴스에서 관리자 권한으로 로그인합니다.

전역 탐색에서 도구 > 클라우드 서비스 > Twitter 소셜 로그인 구성​을 선택합니다.

컨텍스트 경로 구성을 선택하십시오.

컨텍스트 경로는 커뮤니티 사이트를 생성/편집하는 동안 선택한 클라우드 구성 경로와 동일해야 합니다.

컨텍스트 경로 아래에서 클라우드 서비스를 만들 수 있도록 컨텍스트 경로가 활성화되어 있는지 확인하십시오.

도구 > 일반 > 구성 브라우저(으)로 이동합니다. 컨텍스트를 선택하고 속성을 편집합니다. 아직 활성화되지 않은 경우 클라우드 구성을 활성화합니다.

• 자세한 내용은 구성 브라우저 설명서를 참조하십시오.

Twitter 클라우드 서비스 구성을 생성/편집합니다.

• 제목

  (필수) Twitter 앱을 식별하는 표시 제목을 입력합니다. Twitter 앱의 표시 이름​과(와) 같은 이름을 입력하십시오.

• 소비자 키

  (필수) Twitter 앱의 소비자(API) 키​를 입력합니다. 대화 상자에서 만든 Adobe Granite OAuth 응용 프로그램 및 공급자 인스턴스를 식별합니다.

• 소비자 암호

  (필수) Twitter 앱의 소비자(API) 암호​를 입력합니다.

• 사용자 만들기

  선택하면 Twitter 계정으로 로그인하면 AEM 사용자 항목이 만들어지고 선택한 사용자 그룹에 해당 항목이 멤버로 추가됩니다. 기본값이 선택되어 있습니다(적극 권장).

• 사용자 ID 마스크

  선택 해제된 상태로 둡니다.

• 사용자 그룹에 추가

  사용자를 추가할 커뮤니티 사이트에 대해 하나 이상의 구성원 그룹을 선택하려면 사용자 그룹 추가를 선택하십시오.

저장 및 게시​를 선택합니다.

관리자 권한으로 로그인합니다.

웹 콘솔로 이동합니다.

예: http://localhost:4503/system/console/configMgr.

AEM Communities Twitter OAuth 공급자를 찾습니다.

편집을 위해 열 연필 아이콘을 선택합니다.

• OAuth 공급자 ID

(필수) 기본값은 soco -twitter​입니다. 편집하지 마십시오.

• Cloud Service 구성

  기본값은 conf.​입니다. 편집하지 마십시오.

• OAuth 공급자 서비스 구성

  기본값은 /apps/social/twitterprovider/config/입니다. 편집하지 마십시오.

• 사용자 경로

  사용자 데이터가 저장되는 저장소의 위치입니다. 커뮤니티 사이트의 경우 구성원이 서로의 프로필을 볼 수 있는 권한을 보장하려면 경로가 기본 /home/users/community이어야 합니다.

• 매개 변수 사용 - 편집하지 않음

• URL 매개 변수 - 편집하지 않음

• 사용자 업데이트

  선택하면 로그인할 때마다 저장소의 사용자 데이터를 새로 고쳐 프로필 변경 사항 또는 요청한 추가 데이터를 반영합니다. 기본값은 선택 해제되어 있습니다.

소셜 로그인 구성을 저장한 사이트 구성 컨텍스트를 선택합니다.

일반 탭에서 클라우드 구성을 설정합니다.

설정 탭에서 소셜 로그인​을 사용하도록 설정하고 저장합니다.

관리자 권한으로 로그인합니다.

웹 콘솔로 이동합니다.

예: http://localhost:4503/system/console/configMgr.

Adobe Granite OAuth 애플리케이션 및 공급자를 찾습니다.

• 클라이언트 ID​이(가) 앱 ID​와(과) 일치하는 인스턴스를 찾습니다.

  

  다음 속성을 제외한 구성의 다른 속성은 그대로 둡니다.

• 구성 ID

  (필수) OAuth 구성 ID는 고유해야 합니다. 클라우드 서비스가 생성될 때 자동으로 생성됩니다.

• 클라이언트 ID

  (필수) 클라우드 서비스를 만들 때 제공된 응용 프로그램 ID입니다.

• 클라이언트 암호

  (필수) 클라우드 서비스를 만들 때 제공된 응용 프로그램 암호입니다.

• 범위

  (선택 사항) 공급자가 허용된 내용에 대한 추가 범위를 요청할 수 있습니다. 기본 범위는 소셜 인증 및 프로필 데이터를 제공하는 데 필요한 권한을 포함합니다.

• 공급자 ID

  (필수) AEM Communities의 공급자 ID는 클라우드 서비스를 만들 때 설정됩니다. 편집하지 마십시오. Facebook Connect의 경우 값은 soco -facebook​입니다. Twitter 연결의 경우 값은 soco -twitter​입니다.

• 그룹

  (권장) 만들어진 사용자를 추가할 구성원 그룹이 하나 이상 있습니다. 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****

• 모두 저장​을 선택합니다.