검색 결과 :

×

Facebook을 OAuth/OpenID Connect 공급자로 사용하여 Drupal에 SSO 로그인


Drupal OAuth/OpenID Connect SSO 통합을 통해 Drupal 사이트와 Facebook 간의 SSO가 가능해졌습니다. 이 설정 가이드는 다음을 사용하여 Drupal 사이트와 Facebook 간에 SSO(Single Sign-On)를 구성하는 데 도움이 됩니다. OAuth/OpenID 연결 기준 치수. OAuth/OpenID Connect 모듈을 Drupal 사이트와 통합하면 Facebook 자격 증명을 사용하여 Drupal 사이트에 원활하게 로그인할 수 있습니다. 이 모듈은 Drupal 7, Drupal 8, Drupal 9 및 Drupal 10과 호환됩니다.

설치 단계 :


  • 모듈을 다운로드합니다:
    작곡가는 'drupal/miniorange_oauth_client'가 필요합니다.
  • 로 이동 하다 Drupal 관리 콘솔의 메뉴에서 다음을 검색하세요. miniOrange OAuth 클라이언트 구성 검색창을 이용하세요.
  • 확인란을 선택하여 모듈을 활성화하고 설치 버튼을 클릭합니다.
  • 다음 위치에서 모듈을 구성할 수 있습니다.
    {BaseURL}/admin/config/people/miniorange_oauth_client/config_clc
  • 모듈 설치:
    drush 및 drupal/miniorange_oauth_client
  • 캐시 지우기:
     드러쉬 cr
  • 다음 위치에서 모듈을 구성할 수 있습니다.
    {BaseURL}/admin/config/people/miniorange_oauth_client/config_clc
  • 로 이동 하다 Drupal 관리 콘솔의 메뉴에서 다음을 클릭하세요. 새 모듈 설치.
  • 드루팔 설치 OAuth 및 OpenID Connect 로그인 - OAuth2 클라이언트 SSO 로그인 모듈을 zip을 다운로드하거나 URL에서 다운로드하여 패키지(tar/zip).
  • 를 클릭하십시오 새로 추가된 모듈 활성화.
  • 확인란을 선택하여 이 모듈을 활성화하고 다음을 클릭하세요. 설치 버튼을 클릭합니다.
  • 다음 위치에서 모듈을 구성할 수 있습니다.
    {BaseURL}/admin/config/people/miniorange_oauth_client/config_clc

Drupal을 OAuth 클라이언트로 설정합니다.

  • 모듈을 설치한 후 다음으로 이동합니다. 구성 -> miniOrange OAuth 클라이언트 구성 -> OAuth 구성 탭.
  • Drupal OAuth 클라이언트 - 구성 탭 및 miniorange oauth 클라이언트 모듈 선택
  • 선택 페이스북 인사말 신청서 선택 쓰러지 다.
  • 복사 콜백/리디렉션 URL 그리고 그것을 편리하게 보관하십시오.
  • 주의 사항: 제공업체가 HTTPS만 지원하는 경우 콜백/리디렉션 URL HTTP 사이트가 있는 경우 'HTTPS 콜백 URL 시행탭 하단의 ' 확인란을 선택하세요.

  • 입력 표시 이름 Facebook과 같이 원하는 대로 선택할 수 있습니다.
  • Drupal OAuth 클라이언트 - OAuth 구성 탭 Facebook을 선택하고 콜백 URL을 복사합니다.

Facebook(메타)에서 OAuth SSO 애플리케이션 만들기:

  • 다음에서 로그인하거나 가입하세요. Facebook 개발자 콘솔하고 가서 나의 앱들.
  • Drupal OAuth/OpenID/OIDC 싱글 사인온(SSO) Facebook SSO 개발자 콘솔
  • 로 이동 모든 애플 리케이션 섹션을 클릭하고 앱 생성 버튼을 눌러 새 OAuth 애플리케이션을 구축하세요.
  • Facebook SSO 새 앱 추가
  • 앱을 생성하는 데 필요한 옵션을 선택하고 다음 보기 버튼을 클릭합니다.
  • Facebook SSO 새 앱 만들기 - 앱을 추가하고 싶은 사용 사례는 무엇입니까?
  • 앱 유형 선택 를 클릭하고 다음 보기 단추. (앱이 빌드된 후에는 앱 유형을 변경할 수 없습니다.)
  • Facebook SSO 새 앱 만들기 - 앱에 필요한 기능은 무엇인가요?
  • . 세부 정보 섹션에 애플리케이션 이름을 입력합니다. 앱 이름 추가 텍스트 필드와 앱 연락처 이메일 (기본값은 Facebook 계정 이메일입니다) 앱 만들기 버튼을 클릭합니다.
  • Drupal OAuth/OpenID/OIDC 싱글 사인온(SSO) Facebook SSO - 필수 세부정보 제공
  • 앱 만들기 버튼을 클릭하면 대화 상자가 표시됩니다. 보안을 위해 비밀번호를 다시 입력하고 다음을 클릭해야 합니다. 문의하기.
  • Facebook SSO - 신원 확인을 위해 비밀번호를 입력하세요.
  • . 앱에 제품 추가 섹션에서 설정 버튼 페이스 북 로그인 카드.
  • Facebook SSO - 앱에 제품 추가
  • 로 이동 제품 -> 페이스 북 로그인 -> 설정 왼쪽 탐색 패널에서
  • Facebook - Facebook 로그인 아래의 설정을 클릭하세요.
  • 로 이동 클라이언트 OAuth 설정 붙여 넣기 콜백/리디렉션 URL 유효한 OAuth 리디렉션 URI 텍스트 필드.

    주의 사항: 제공업체가 HTTPS만 지원하는 경우 콜백/리디렉션 URL HTTP 사이트가 있는 경우 기본 사이트 URL을 다음 위치에 저장하세요. 로그인 설정 OAuth 클라이언트 모듈에서 HTTPS가 있는 탭.

  • Facebook - 복사한 콜백을 유효한 oauth 리디렉션 URI 필드에 붙여넣습니다.
  • 를 클릭하십시오 변경 사항을 저장 버튼을 클릭합니다.
  • 로 이동 설정 -> Basic 왼쪽 탐색 패널에서
  • Facebook SSO 로그인 - 왼쪽에서 설정을 클릭한 다음 기본을 클릭하세요.

Facebook과 Drupal 통합:

  • Facebook 개발자 콘솔로 이동합니다.
  • 복사 앱 ID.
  • 온 클릭 버튼 앱 비밀 그리고 복사 앱 비밀.
  • Facebook SSO 로그인 앱 ID 및 앱 비밀번호 복사
  • Drupal로 이동 OAuth 구성 탭해서 복사한 것을 붙여넣으세요 앱 ID앱 비밀 클라이언트 ID 및 클라이언트 비밀번호 텍스트 필드에 각각 입력합니다.
  • Facebook 로그인 - 복사한 앱 ID와 앱 비밀번호를 해당 필드에 붙여넣습니다.
  • 범위와 끝점을 확인한 후 구성 저장 버튼을 클릭합니다.
  • Drupal OAuth 클라이언트 - 범위 및 끝점을 확인한 후 구성 저장 버튼을 클릭합니다.

아래 표에서 Facebook 엔드포인트와 범위를 참조할 수도 있습니다.

범위 public_profile 이메일
엔드포인트 승인 https://www.facebook.com/dialog/oauth
액세스 토큰 엔드포인트 https://graph.facebook.com/v2.8/oauth/access_token
사용자 정보 끝점 가져오기 https://graph.facebook.com/me/?fields=id,name,email,age_range,first_name,gender,last_name,link

Drupal과 Facebook 간의 연결 테스트:

  • 클릭 테스트 구성 수행 Drupal과 Facebook(Meta) 간의 OAuth SSO 연결을 확인하는 버튼입니다.
  • drupal OAuth OpenID Single Single On 테스트 구성을 사용한 Facebook sso 로그인
  • 테스트 구성 팝업에서 동일한 브라우저의 Facebook에 활성 세션이 없으면 Facebook 계정에 로그인하라는 메시지가 표시됩니다. Facebook 계정에 성공적으로 로그인하면 Facebook에서 받은 속성 목록이 제공됩니다.
  • 선택 이메일 속성 사용자의 이메일 ID를 획득한 드롭다운 메뉴에서 선택한다 버튼을 클릭합니다.
  • drupal OAuth OpenID Single Single On 테스트 구성을 사용한 Facebook sso 로그인 성공
  • 온 클릭하면 선택한다 버튼을 누르면 다음 페이지로 리디렉션됩니다. 속성 및 역할 매핑 탭. 여기에서 다음을 선택할 수도 있습니다. 사용자 이름 속성 드롭다운에서 구성 저장 버튼을 클릭합니다.
  • drupal OAuth OpenID를 사용한 Facebook sso 로그인 단일 사용자 이름 속성 선택

참고 사항 : Single Sign-On에는 이메일 속성 매핑이 필수입니다.

축하해요! Facebook(Meta)을 OAuth/OpenID 공급자로, Drupal을 OAuth 클라이언트로 성공적으로 구성했습니다.

SSO를 수행하는 방법은 무엇입니까?

  • 이제 새 브라우저/개인 창을 열고 Drupal 사이트 로그인 페이지로 이동하세요.
  • 온 클릭 Facebook을 사용하여 로그인 Drupal에서 SSO를 시작하는 링크입니다.
  • 다른 페이지에도 SSO 링크를 추가하려면 아래 이미지에 제공된 단계를 따르세요.
  • Drupal OAuth OpenID Single Single-On - Drupal 사이트의 다른 페이지에 로그인 링크 추가

도움이 필요하다?

구성 중에 문제가 발생하거나 추가 기능을 원하는 경우 다음 주소로 문의해 주세요. drupalsupport@xecurify.com.

추가 기능:

문제 해결 :

오류 발생: '사용자 이름을 받지 못했습니다. 속성 매핑 구성을 확인하세요.' 또는 오류 발생: '이메일을 받지 못했습니다. 속성 매핑 구성을 확인하세요.'
 

언급된 단계를 따르세요. 여기를 클릭하십시오.

테스트 구성을 수행하려고 하면 "헤더 또는 본문에서 클라이언트 자격 증명을 찾을 수 없습니다"라는 메시지가 나타납니다.
 

언급된 단계를 따르세요. 여기를 클릭하십시오.

Drupal에서 로그아웃을 클릭하면 Drupal 홈페이지로 다시 돌아갑니다. 그런데 다른 사용자로 로그인을 시도하면 로그인하라는 메시지가 표시되지 않고 자동으로 동일한 사용자로 로그인됩니다.
 

여기서 언급한 로그아웃 기능은 모듈의 기본 동작입니다. Drupal에서는 로그아웃되지만 응용 프로그램/공급자에서는 로그아웃되지 않습니다. 모듈이 공급자/애플리케이션 계정(원하는 계정)에서 로그아웃할 수 있도록 하려면 다음과 같이 구성해야 합니다.자세한 내용을 알고]

유료 Drupal 모듈을 구매하고 무료 모듈로 교체했는데 여전히 유료 기능을 사용할 수 없습니다.
 

Drupal 모듈의 유료 버전 중 하나로 업그레이드하고 무료 모듈을 유료 모듈로 교체했으므로 먼저 유료 모듈을 활성화해야 합니다. 아래 단계를 참조하세요. [더 많이 알아라.]

자주 묻는 질문 (FAQ)
 고객사례
miniOrange는 매우 유연하고 사용자 정의가 가능한 Drupal 솔루션을 통해 400개 이상의 신뢰할 수 있는 고객의 사용 사례를 성공적으로 충족했습니다. 이 기능을 사용하여 우리의 독특한 사례 연구를 자유롭게 확인해 보세요. 링크.
 기타 솔루션
우리가 제공하는 다른 Drupal 솔루션을 자유롭게 탐색해보세요. 여기에서 지금 확인해 보세요.. 신뢰할 수 있는 고객이 사용하는 인기 있는 솔루션에는 2단계 인증(XNUMXFA), 웹사이트 보안, REST 및 JSON API 인증, 사용자 프로비저닝 및 동기화가 포함됩니다. 
  24*7 적극적인 지원
miniOrange의 Drupal 개발자는 귀하의 쿼리에 대해 빠르고 적극적인 지원을 제공합니다. 귀하의 사용 사례에 가장 적합한 솔루션을 선택하는 것부터 솔루션 배포 및 유지 관리까지 도움을 드릴 수 있습니다.
안녕하세요!

도움이 필요하다? 우리는 바로 여기에 있습니다!

SUPPORT
miniOrange 지원팀에 문의하세요
성공

문의 해 주셔서 감사합니다.

24시간 이내에 연락을 받지 못한 경우 언제든지 다음 이메일로 후속 이메일을 보내주세요. info@xecurify.com