WordPress OAuth/OpenID Connect Single Sign-On(SSO) 플러그인을 사용하면 OAuth2를 사용하여 WordPress(Facebook SSO)에서 Facebook 소셜 미디어 로그인을 쉽게 설정할 수 있습니다. 다른 소셜 미디어 제공업체/맞춤형 OAuth 및 OIDC 제공업체를 사용하여 플러그인을 구성할 수 있습니다. 사용자 프로필 속성 매핑, 역할 매핑 등과 같은 고급 SSO(Single Sign-On) 기능을 지원합니다. 여기서는 WordPress와 Facebook 간에 SSO를 구성하는 방법을 안내합니다. 이 가이드가 끝나면 사용자는 Facebook에서 WordPress에 로그인할 수 있게 됩니다. WP OAuth Single Sign-On(OAuth 및 OpenID Connect 클라이언트) 플러그인에서 제공하는 다른 기능에 대해 자세히 알아보려면 다음을 수행하세요. 여기를 클릭하세요.

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

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

설정 비디오보기

플러그인 다운로드

무료 데모 평가판

Facebook Single Sign-On(SSO)을 구성하는 단계 WordPress에 로그인

1. Facebook을 OAuth 공급자로 설정

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

• Facebook 개발자 앱 페이지로 이동하여 앱 생성 버튼을 누르면 새 앱을 추가할 수 있습니다.

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

• 입력 앱 이름 과 연락처 이메일 추가 Facebook 앱에 대해 각각 다음을 클릭하세요. 앱 생성 버튼을 눌러 설정을 저장하십시오.

• We Buy Orders 신청서를 클릭하세요. 앱 설정 -> 기본 앱 ID와 앱 비밀을 확인하세요. 그만큼 앱 ID 이 여러분의 고객 ID 그리고 앱 비밀 이 여러분의 고객 비밀, 나중에 miniOrange OAuth Single Sign-On SSO 플러그인을 구성하는 데 필요하므로 이 값을 편리하게 보관하세요(아래 이미지 참조).
• 앱 도메인: 거기에 웹사이트 도메인을 작성하세요.
• 개인정보 보호정책 URL: 귀하의 웹사이트 개인정보 보호정책 페이지에 좋아요 표시한 URL을 이 상자에 입력하세요.
• 서비스 약관 : 웹사이트의 서비스 약관 페이지에 링크된 URL을 이 상자에 입력하세요.
• 사용자 데이터 삭제:드롭다운에서 데이터 삭제 지침 URL을 선택하세요(사용자가 사이트에서 자신의 계정을 삭제할 수 있는 방법에 대한 지침이 포함된 페이지의 URL을 입력하세요).
• 선택 범주 카테고리 필드의 드롭다운에서 앱 목적 귀하의 앱을 가장 잘 설명하는 옵션을 선택한 다음 저장 (Save Changes) 구성을 저장합니다.

• 이제 아래로 스크롤하여 클릭하십시오. 플랫폼 추가 단추. 선택 웹 사이트 Facebook 로그인을 웹사이트와 통합하려고 할 때 옵션을 선택하세요. 클릭 다음 보기.

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

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

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

기본적으로 귀하의 애플리케이션에는 "public_profile" 및 "email" 권한에 대한 일반 액세스만 있습니다. 즉, 귀하만 해당 애플리케이션으로 로그인할 수 있습니다. 고급 액세스를 얻으려면 비즈니스 인증을 거쳐야 합니다. 확인 왼쪽에 있는 탭.



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

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

• 현재 귀하의 앱은 개발 모드에 있으며 이는 회사 외부의 사람들이 앱을 사용할 수 없음을 의미합니다. 확인이 완료되면 다음을 클릭하세요. 생중계 탭을 클릭하고 앱을 게시하세요. 생중계 오른쪽 하단에 있는 버튼을 클릭하세요. 모든 것을 올바르게 구성했다면 누르기 전에 "라이브 시작" 페이지에 나열된 단계를 확인하는 것이 좋습니다.

성공적으로 구성되었습니다 소셜 로그인으로서의 Facebook(OAuth 제공자) 귀하의 WordPress 사이트에.

2. WordPress를 OAuth 클라이언트로 설정

3. 사용자 속성 매핑

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

사용자 속성 찾기

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

• OAuth 공급자가 WordPress에 반환한 모든 값이 표로 표시됩니다. 이메일 또는 사용자 이름 등에 대한 값이 표시되지 않으면 OAuth 제공자에서 필수 설정을 수행하여 이 정보를 반환하십시오.
• 테스트 구성에 모든 값이 표시되면 다음으로 이동하세요. 속성/역할 매핑 탭을 클릭하면 사용자 이름 드롭다운에 속성 목록이 표시됩니다.

4. 로그인 설정

• SSO(Single Sign-On) 설정 탭의 설정은 SSO(Single Sign-On)에 대한 사용자 환경을 정의합니다. WordPress 페이지에 Facebook 로그인 위젯을 추가하려면 아래 단계를 따라야 합니다.

WordPress 5.7 이하의 로그인 설정

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


WordPress 5.8의 로그인 설정

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

• WordPress 페이지를 열면 Facebook SSO 로그인 버튼이 표시됩니다. 이제 Facebook SSO(Single Sign-On)를 테스트할 수 있습니다.

WordPress 5.9의 로그인 설정

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

• 이제 당신의 WordPress 로그인 페이지. (예: https://< your-wordpress-domain >/wp-login.php)
• 거기에 Facebook SSO 로그인 버튼이 표시됩니다. 로그인 버튼을 클릭하면 Facebook Single Sign-On(SSO)을 테스트할 수 있습니다.

이 가이드에서는 성공적으로 구성했습니다. Facebook 싱글 사인온(SSO) WP OAuth Single Sign-On(OAuth 및 OpenID Connect 클라이언트) 플러그인을 사용하여 Facebook을 OAuth 공급자로, WordPress를 OAuth 클라이언트로 구성합니다. 이 솔루션을 사용하면 몇 분 안에 Facebook 로그인 자격 증명을 사용하여 WordPress 사이트에 대한 보안 액세스를 출시할 수 있습니다.

추가 자료

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

메일을 보내주세요 oauthsupport@xecurify.com 귀하의 요구 사항에 대한 빠른 안내(이메일/회의를 통해)를 원하시면 저희 팀이 귀하의 요구 사항에 따라 가장 적합한 솔루션/계획을 선택하도록 도와드릴 것입니다.