WordPress에서 Facebook Single Sign-On(SSO)과 OAuth를 구성하세요

회사 개요

WordPress용 OAuth/OpenID Connect 싱글 사인온(SSO) 플러그인을 사용하면 OAuth2를 통해 WordPress에 Facebook 소셜 미디어 로그인(Facebook SSO)을 쉽게 설정할 수 있습니다. 이 플러그인은 다른 소셜 미디어 제공업체 또는 사용자 지정 OAuth 및 OIDC 제공업체를 사용하여 구성할 수도 있습니다. 사용자 프로필 속성 매핑, 역할 매핑 등과 같은 고급 싱글 사인온(SSO) 기능을 지원합니다. 이 가이드에서는 WordPress와 Facebook 간의 SSO를 구성하는 방법을 안내합니다. 이 가이드를 마치면 사용자는 Facebook에서 WordPress로 로그인할 수 있게 됩니다. WordPress용 OAuth 싱글 사인온(OAuth 및 OpenID Connect 클라이언트) 플러그인의 다른 기능에 대한 자세한 내용은 여기를 클릭 하세요.

플러그인 다운로드 가격 책정 계획 무료 시험판

전제조건 : 다운로드 및 설치

• WordPress 인스턴스에 관리자로 로그인합니다.
• 워드프레스로 이동 대시보드 -> 플러그인 그리고 클릭 새로운 추가.
• 검색 OAuth 싱글 사인온(SSO) 플러그인 WordPress의 경우 클릭하세요. 지금 설치.
• 설치가 완료되면 클릭하세요. 활성화.

WordPress에 Facebook 싱글 사인온(SSO) 로그인을 설정하는 단계

1. Facebook을 OAuth 제공업체로 설정합니다.

• 시작하려면 Facebook 개발자 콘솔로 이동하여 클릭하세요. 여기에서 확인하세요 페이스북 개발자 계정으로 가입/로그인하세요.

• Facebook 개발자 앱 페이지로 이동하여 앱 생성 새 앱을 추가하는 버튼입니다.

• 그런 다음 사람들이 자신의 Facebook 계정으로 로그인하도록 허용 사용 사례로 옵션을 선택하고 누르세요. 다음.

• 입력 앱 이름 연락처 이메일 추가 사용하시는 페이스북 앱에 맞는 앱을 선택하신 후 클릭하세요. 앱 생성 버튼을 눌러 설정을 저장하십시오.

• We Buy Orders 신청서를 클릭하세요. 앱 설정 -> 기본 앱 ID와 앱 비밀을 확인하세요. 그만큼 앱 ID 이 여러분의 고객 ID 그리고 앱 비밀 이 여러분의 고객 비밀나중에 miniOrange OAuth Single Sign-On(SSO) 플러그인을 구성할 때 필요하므로 이 값들을 잘 보관해 두십시오(아래 이미지 참조).
• 앱 도메인: 웹사이트 도메인을 거기에 적어주세요.
• 개인정보 보호정책 URL: 이 칸에 웹사이트의 개인정보 보호정책 페이지 URL을 입력하세요.
• 서비스 약관 : 웹사이트 이용약관 페이지의 URL을 이 칸에 입력하세요.
• 사용자 데이터 삭제: 드롭다운 메뉴에서 '데이터 삭제 안내 URL'을 선택하세요. (사용자가 사이트에서 계정을 삭제하는 방법을 안내하는 페이지의 URL을 입력하세요.)
• 선택 범주 카테고리 필드의 드롭다운에서 앱 용도 귀하의 앱을 가장 잘 설명하는 옵션을 선택한 다음 저장 (Save Changes) 설정을 저장하려면.

• 이제 아래로 스크롤하여 클릭하십시오. 플랫폼 추가 단추. 선택 웹 사이트 웹사이트에 페이스북 로그인을 연동하려는 경우 이 옵션을 선택하세요. 클릭하세요. 다음.

• 다음으로 사이트 URL (miniOrange OAuth Single Sign-On에서) 클릭하고 클릭하세요 찜하기. 그런 다음 계속.

• 온 클릭 사용 사례 탭을 탭한 다음 맞춤형 옆에 나타나는 버튼 인증 및 계정 생성 목.

• 아래의 권한 섹션에서 이메일 권한을 부여하고 다음을 클릭하세요. 추가 버튼을 클릭합니다.


기본적으로 애플리케이션에는 "public_profile" 및 "email" 권한에 대한 표준 액세스 권한만 부여되어 있어 본인만 로그인할 수 있습니다. 고급 액세스 권한을 얻으려면 왼쪽의 "인증" 탭에서 시작할 수 있는 비즈니스 인증 절차를 완료해야 합니다.

• 아래의 페이스북 로그인 >> 설정 섹션을 클릭하십시오. 설정으로 바로 가기 리디렉션/콜백 URL을 추가하는 버튼입니다.

• 로 유효한 OAuth 리디렉션 URI 필드 추가 리디렉션/콜백 URL 이는 miniOrange OAuth Single Sign-On(SSO) 플러그인에서 얻을 수 있습니다. 클릭 변경 사항 저장 버튼을 클릭합니다.

• 현재 앱은 개발 모드이므로 회사 외부 사용자는 앱을 사용할 수 없습니다. 인증이 완료되면 [앱 사용 가능 여부 확인]을 클릭하세요. 생중계 탭을 클릭하고 앱을 게시하세요. 생중계 오른쪽 하단에 있는 버튼을 누르세요. 버튼을 누르기 전에 "서비스 시작" 페이지에 나와 있는 단계를 확인하여 모든 설정이 올바르게 되었는지 확인하는 것이 좋습니다.

Facebook을 WordPress 사이트에 소셜 로그인(OAuth 제공업체)으로 성공적으로 설정했습니다 .

2단계: WordPress를 OAuth 클라이언트로 설정

• 무료
• 프리미엄

• We Buy Orders 신청서를 클릭하세요. OAuth 구성 탭을 클릭하십시오. 새 애플리케이션 추가 웹사이트에 새로운 클라이언트 애플리케이션을 추가하려면

• 여기의 OAuth/OpenID Connect 공급자 목록에서 애플리케이션을 선택하세요. Facebook

• 공급자를 선택한 후 콜백 URL OAuth 공급자의 SSO 애플리케이션 구성에서 구성해야 합니다.
• 다음과 같은 클라이언트 자격 증명을 입력하십시오. 고객 ID & 고객 비밀 이는 페이스북 SSO 애플리케이션에서 얻을 수 있습니다.
• 구성 방법은 아래 표를 참조하세요. 플러그인의 Facebook 엔드포인트.

앱 이름 :	Facebook
엔드포인트 승인:	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
범위:	public_profile 이메일

• 를 클릭하십시오 다음.

• 요약 페이지의 모든 세부 사항을 확인한 후 다음을 클릭하십시오. 마감재 구성을 저장하고 SSO 연결을 테스트합니다.

WordPress를 Facebook Single Sign-On(SSO) 로그인으로 사용자 인증을 구현하기 위한 OAuth 클라이언트로 성공적으로 구성했습니다 .

• We Buy Orders 신청서를 클릭하세요. OAuth 구성 탭을 클릭하고 애플리케이션 이름을 검색하여 웹사이트에 새 클라이언트 애플리케이션을 추가합니다. 페이스 북.

• 구성 방법은 아래 표를 참조하세요. 플러그인의 Facebook 관련 범위 및 엔드포인트.

범위:	이메일 식별
엔드포인트 승인:	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

• 당신의 선택 부여 유형 옵션 목록에서 & 클릭 설정 저장 설정을 저장하려면.

WordPress를 Facebook Single Sign-On(SSO) 로그인으로 사용자 인증을 구현하기 위한 OAuth 클라이언트로 성공적으로 구성했습니다 .

3단계: 사용자 속성 매핑

• 사용자가 WordPress에 성공적으로 로그인하려면 사용자 속성 매핑이 필수입니다. 아래 설정을 사용하여 WordPress에 대한 사용자 프로필 속성을 설정하겠습니다.

사용자 속성 찾기:

• We Buy Orders 신청서를 클릭하세요. OAuth 구성 탭. 아래로 스크롤하여 클릭하세요. 테스트 구성.

• OAuth 제공업체가 WordPress로 반환하는 모든 값이 표 형식으로 표시됩니다. 이메일이나 사용자 이름 등의 값이 표시되지 않으면 OAuth 제공업체에서 해당 정보가 반환되도록 설정을 변경하십시오.
• 테스트 구성에 모든 값이 표시되면 다음으로 이동하세요. 속성/역할 매핑 탭을 클릭하면 드롭다운 메뉴에 속성 목록이 표시됩니다.

4. 로그인 설정

• 싱글 사인온(SSO) 설정 탭의 설정은 싱글 사인온(SSO) 사용자 환경을 정의합니다. 워드프레스 페이지에 페이스북 로그인 위젯을 추가하려면 아래 단계를 따르세요.

• WordPress 5.7 이하
• 워드 프레스 5.8
• WordPress 5.9 이상

• We Buy Orders 신청서를 클릭하세요. WordPress 왼쪽 패널 > 모양 > 위젯.
• 선택 미니오렌지 OAuth. 원하는 위치로 드래그 앤 드롭하고 저장하세요.

• We Buy Orders 신청서를 클릭하세요. WordPress 왼쪽 패널 > 모양 > 위젯.
• 선택 미니오렌지 OAuth. 원하는 위치로 드래그 앤 드롭하고 저장하세요.

• 워드프레스 페이지를 열면 페이스북 SSO 로그인 버튼이 보입니다. 이제 페이스북 싱글 사인온(SSO)을 테스트해 볼 수 있습니다.

• 확인 "로그인 페이지에 표시" 응용프로그램에 옵션이 활성화되어 있습니다. (아래 이미지 참고)

• 이제 당신의 WordPress 로그인 페이지를 확인하시기 바랍니다. (예: https://< your-wordpress-domain >/wp-login.php)
• 거기에서 페이스북 SSO 로그인 버튼을 보실 수 있습니다. 로그인 버튼을 클릭하면 페이스북 싱글 사인온(SSO) 기능을 테스트할 수 있습니다.

이 가이드에서는 Facebook을 OAuth 제공업체로, WordPress를 OAuth 클라이언트로 설정하여 Facebook Single Sign-On(SSO)을 성공적으로 구성했습니다 . 이를 위해 WordPress용 OAuth Single Sign-On(OAuth 및 OpenID Connect 클라이언트) 플러그인을 사용했습니다. 이 솔루션을 통해 Facebook 로그인 자격 증명을 사용하여 WordPress 사이트에 안전하게 액세스할 수 있도록 몇 분 안에 준비할 수 있습니다.

관련 기사

• OAuth 2.0이란 무엇입니까?
• 페이스북을 이용한 OAuth
• 자주 묻는 질문