Facebook 싱글 사인온(SSO)과 Joomla OAuth 클라이언트 통합
회사 개요
이 가이드에서는 Joomla OAuth 클라이언트 확장 프로그램을 설정하여 사용자가 Facebook을 통해 로그인할 수 있도록 하는 방법을 포괄적으로 설명합니다. 다음 단계를 따라 사이트에 "Facebook으로 로그인" 버튼을 추가하여 사용자가 빠르고 편리하게 등록하고 로그인할 수 있도록 할 수 있습니다.
페이스북 로그인을 통합하는 것은 가입 절차를 간소화하는 가장 효과적인 방법 중 하나입니다. 이미 많은 사용자가 페이스북 계정을 보유하고 있기 때문에, 이 소셜 로그인 방식을 사용하면 새로운 계정 정보를 생성하고 기억할 필요 없이 단 한 번의 클릭으로 사이트에 접속할 수 있습니다.
Joomla와 Facebook 간에 OAuth Single Sign-On을 설정하려면 다음 단계를 따르세요. 비디오 설정.
구성 단계
이 구성에서는 Facebook OAuth 서버로 기능하는 동안 줌라 사용자는 Facebook 자격 증명을 사용하여 로그인할 수 있습니다. Joomla OAuth 클라이언트 플러그인.
1단계: Joomla OAuth 클라이언트 플러그인 설치
- Joomla 사이트에 로그인하세요. 관리자 콘솔.
- 왼쪽 토글 메뉴에서 시스템을 클릭한 다음 설치 섹션에서 다음을 클릭하세요. 확장.
- 이제 클릭하십시오. 또는 파일 찾아보기 버튼을 눌러 앞서 다운로드한 플러그인 파일을 찾아서 설치하세요.
- 플러그인 설치가 성공했습니다. 이제 다음을 클릭하세요. 시작!
- $XNUMX Million 미만 OAuth 구성 -> 사전 구성된 앱 탭에서 OAuth 제공자. 또한 다음을 탐색하여 사용자 정의 공급자를 구성할 수도 있습니다. 맞춤형 애플리케이션 탭.
- OAuth 공급자를 선택한 후 복사하세요. 콜백/리디렉션 URL OAuth 서버를 구성하는 데 사용할 다음 버튼을 클릭합니다. 저장 후 다음 버튼을 클릭합니다.
2단계: Facebook을 OAuth 서버로 구성
- 귀하의 계정에 로그인하십시오. 페이스북 개발자 콘솔.
- We Buy Orders 신청서를 클릭하세요. 나의 앱들.
- 새로운 OAuth 애플리케이션을 빌드하려면 다음을 클릭하세요. 앱 생성 버튼의 모든 애플 리케이션 안내
- "앱에서 무엇을 하시겠습니까?"를 선택하세요. 앱 만들기 부분. 그런 다음 다음 버튼을 계속합니다.
- 다음 화면에서, 앱 유형 선택 선택 소비자, 그런 다음 클릭하세요 다음 단추. (앱이 빌드된 후에는 앱 유형을 변경할 수 없습니다.)
- . 세부 정보 섹션에 애플리케이션 이름을 입력합니다. 앱 이름 추가 텍스트 필드와 앱 연락처 이메일 (기본값은 Facebook 계정 이메일입니다) 앱 만들기 버튼을 클릭합니다.
- '앱 만들기' 버튼을 클릭하면 대화 상자가 나타납니다. 보안을 위해 계속하려면 비밀번호를 다시 입력해야 합니다.
- . 앱에 제품 추가 화면에서 설정 Facebook 로그인 카드의 버튼.
- 로 이동 제품 왼쪽 탐색 패널에서 페이스 북 로그인 설정.
- 아래의 클라이언트 OAuth 설정, 이전에 복사한 것을 붙여넣습니다. 콜백/리디렉션 URL 로 유효한 OAuth 리디렉션 URI 텍스트 필드.
3단계: 클라이언트 ID 및 비밀번호 구성
- We Buy Orders 신청서를 클릭하세요. 설정 -> 기본 앱 ID와 앱 비밀을 확인하세요(아래 이미지 참조).
- 복사 앱 ID 및 앱 비밀번호 이는 귀하의 클라이언트 ID와 클라이언트 비밀번호를 miniOrange OAuth 클라이언트 플러그인에 저장한 것입니다.
- 당신에게 돌아가 줌라 대시보드. 다음으로 이동 2단계 인간을 OAuth 구성 탭.
- 붙여 넣기 클라이언트 ID, 클라이언트 비밀번호 및 테넌트. 또한 클라이언트 자격 증명 설정 헤더와 본문에서 그 다음 클릭 설정 저장. 설정이 저장되면 클릭하세요. 구성 저장.
- 범위 및 종단점은 아래와 같습니다. 이는 Joomla를 OAuth 클라이언트 플러그인으로 구성하여 Facebook을 사용자 정의 OAuth 또는 OIDC 공급자로 구성하는 데 필요합니다.
| 범위 | 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 |
| 클라이언트 자격 증명 설정 | 헤더와 본문에서 |
4단계: 속성 매핑 구성
- 사용자 속성 매핑은 사용자가 Joomla에 성공적으로 로그인할 수 있도록 하는 데 필수적입니다. 아래 설정을 사용하여 Joomla에 대한 사용자 프로필 속성을 설정합니다.
- We Buy Orders 신청서를 클릭하세요. 3단계 인간을 OAuth 구성 탭을 클릭하십시오. 테스트 구성 버튼을 클릭합니다.
- 다음과 같이 테스트 구성 출력에서 속성을 볼 수 있습니다.
- 이제 속성 이름을 선택하세요 이메일 및 사용자 이름 드롭다운에서. 그런 다음 클릭하세요 구성 완료 버튼을 클릭합니다.
5단계: 로그인/SSO URL 설정
- 이제 가라. 4단계, 여기에 복사하세요 로그인/SSO URL 사이트에 추가하세요.
- 이제 로그아웃하고 이 링크를 추가한 Joomla 사이트 페이지로 이동합니다. 해당 버튼을 배치한 곳에 로그인 링크가 표시됩니다. 이 버튼을 클릭하여 SSO를 수행합니다.
