TYPO3에 Facebook 로그인을 추가하는 방법 | Facebook 소셜 로그인 통합

소셜 로그인이란 무엇입니까?

소셜 로그인을 통해 사용자는 Google, Facebook, Twitter 등과 같은 다양한 네트워킹 플랫폼을 사용하여 모든 웹사이트에 연결할 수 있습니다. 이는 최종 사용자가 더 쉽게 로그인할 수 있도록 설계 및 구현된 사용자를 위한 Single Sign-On 형태입니다. 소셜 로그인을 사용하면 사용자는 계정을 만들지 않고도 제XNUMX자 웹사이트에 로그인할 수 있습니다.

소셜 로그인은 어떻게 작동하나요?

소셜 로그인 과정은 매우 간단합니다. 사용자는 귀하의 웹사이트를 방문하여 로그인하려는 소셜 로그인 공급자를 선택합니다. 그들은 소셜 네트워크 제공업체의 사이트에 세부 정보를 입력합니다. 소셜 공급자가 인증 프로세스를 완료하면 사용자는 TYPO3 웹사이트 사용을 시작할 수 있습니다. 신규 사용자라면 등록이 되고, 기존 사용자라면 로그인이 됩니다.

OAuth 3 프로토콜을 사용하여 TYPO2.0에 대한 Facebook 소셜 로그인(Facebook SSO) 통합.

miniOrange 소셜 로그인을 사용하면 사용자가 Facebook 계정을 사용하여 TYPO3 웹사이트에 로그인/등록할 수 있습니다. 사용자에게 비밀번호를 기억하지 않고 TYPO3 웹사이트에 로그인/등록할 수 있는 최선의 선택을 제공하십시오. 몇 가지 간단한 단계를 통해 miniOrange의 TYPO3 Facebook 플러그인을 설정하고 Facebook을 설정하세요.

TYPO3용 Facebook 소셜 로그인(Facebook Single Sign-On(SSO))은 TYPO3 소셜 로그인 플러그인을 사용하여 구현할 수 있습니다. 이 가이드에서는 TYPO3 웹사이트에서 Facebook 로그인을 가장 쉬운 방법으로 구현하는 방법을 살펴보겠습니다. 더 알아보기 TYPO3 소셜 로그인 플러그인에서 제공하는 다른 기능에 대해 자세히 알아보세요.

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

• Typo3 인스턴스에 관리자로 로그인합니다.
• 로 이동 확장 탭을 클릭하세요.
• 클라임웍스와 함께　하늘과 닿는 여정을 시작하세요 확장 프로그램 가져 오기 드롭다운에서 다음을 검색하세요. miniOrange 소셜 로그인 확장 프로그램을 설치하세요.
• 지금 선택하십시오. 설치된 확장 프로그램 드롭다운 메뉴에서 소셜 로그인을 검색하고 확장 프로그램을 활성화하세요.

TYPO3에 Facebook 소셜 로그인을 구성하는 단계

1단계. TYPO3에서 Facebook 소셜 로그인 구성

TYPO3에서 Facebook 로그인을 구성하려면 아래 단계를 따르세요.

 Facebook 소셜 로그인 구성

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

• 버튼을 클릭하여 앱을 만듭니다.

• 선택 앱 유형 as 소비자 제공된 옵션을 구성합니다.

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

• 이제 앱 선택에 제품을 추가하라는 메시지가 표시됩니다. 페이스 북 로그인 클릭하여 설정 버튼을 누릅니다.

• 선택 Web Facebook 로그인을 웹사이트와 통합하려고 할 때 옵션을 선택하세요.

• 다음으로 사이트 URL 클릭 저장합니다. 그런 다음 계속합니다.

• We Buy Orders 신청서를 클릭하세요. 설정 -> 기본 왼쪽 창에서 탭을 클릭하고 아래와 같이 필수 정보를 입력합니다.
• 앱 도메인: 거기에 웹사이트 도메인을 작성하세요.
• 개인정보 보호정책 URL: 귀하의 웹사이트 개인정보 보호정책 페이지에 좋아요 표시한 URL을 이 상자에 입력하세요.
• 서비스 약관 : 웹사이트의 서비스 약관 페이지에 링크된 URL을 이 상자에 입력하세요.
• 사용자 데이터 삭제:드롭다운에서 데이터 삭제 지침 URL을 선택하세요(사용자가 사이트에서 자신의 계정을 삭제할 수 있는 방법에 대한 지침이 포함된 페이지의 URL을 입력하세요).

• 선택 범주 카테고리 필드의 드롭다운에서 앱 목적 귀하의 앱을 가장 잘 설명하는 옵션을 선택한 다음 저장 (Save Changes) 구성을 저장합니다.

• 이제 다음으로 이동하세요. 설정 탭 아래 페이스 북 로그인 왼쪽 창에서 탭.

• 복사 리디렉션 URL miniOrange 소셜 로그인 플러그인에서 제공됩니다.
• 붙여 넣기 리디렉션 URL 인간을 유효한 OAuth 리디렉션 URL 필드 그리고 클릭 저장 (Save Changes) 버튼을 클릭합니다.

• 온 클릭 앱 리뷰 왼쪽 메뉴에서 탭을 클릭하고 권한 및 요청.

• 를 클릭하십시오 다음에 대한 사전 액세스 요청 public_profile 및 이메일. 추가 데이터를 반환하려면 해당 범위에 대한 권한을 요청할 수 있습니다.

• 다음에서 앱 상태를 변경하세요. 개발에 에 라이브 (Live) 토글 버튼을 켜서.

• 참고:- 데이터 사용 점검을 완료하라는 메시지가 표시되는 경우. 점검 시작 버튼을 클릭하세요.

• 모든 활성화된 고급 권한에 대한 데이터 사용을 인증합니다. 제출 버튼을 클릭하세요.

• 이제 설정 -> 기본 옵션으로 이동하여 고객 ID 고객 비밀 Facebook 소셜 로그인을 설정하는 데 필요합니다.

2. miniOrange 소셜 로그인 플러그인에서 자격 증명 설정

• We Buy Orders 신청서를 클릭하세요. miniOrange 소셜 로그인 플러그인 → 앱 구성 클릭 → Facebook 클릭:
• 토글 버튼을 활성화하여 TYPO3에 대한 Facebook 소셜 로그인을 활성화합니다.
• 붙여 넣기 고객 ID 고객 비밀 설정 위의 양식을 복사하여 Facebook 지침의 필드에 붙여넣습니다.
• 필요한 범위를 입력합니다.
• 다음을 클릭하십시오. 구성 저장 및 테스트 버튼을 클릭합니다.
• 테스트가 성공했다는 플러그인의 알림이 표시됩니다. 이는 맞춤형 앱이 올바르게 설정된다는 의미입니다.
• 이제 로그인 페이지를 탐색해 보세요. 여기서 Facebook 소셜 로그인 버튼이 활성화되었음을 알 수 있습니다. 이제 고객은 Facebook 자격 증명을 사용하여 로그인할 수 있습니다.

TYPO3 웹사이트에 대한 Facebook 소셜 로그인을 성공적으로 구성했습니다.

추가 자료

• Facebook 정보
• 소셜 로그인에 대해 자세히 알아보기

찾을 수 없는 내용이 있으면 다음 주소로 이메일을 보내주세요. info@xecurify.com