검색 결과 :

×

TYPO3 웹사이트에서 TYPO3 Google 로그인을 활성화하는 방법 | 구글 소셜 로그인

TYPO3 웹사이트에서 TYPO3 Google 로그인을 활성화하는 방법 | 구글 소셜 로그인


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

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

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

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

OAuth 3 프로토콜을 사용하는 TYPO2.0용 Google 소셜 로그인(Google SSO) 통합.

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

내 TYPO3사이트에 Google 로그인 버튼을 어떻게 표시하나요?

웹사이트의 사용자 정의 로그인/등록 페이지에 Google 소셜 로그인 아이콘을 추가할 수 없는 경우 당사의 소셜 서비스를 사용할 수 있습니다. 이를 통해 사용자가 귀하의 웹사이트에 가입하거나 로그인하려고 할 때 Google로 로그인 옵션을 표시할 수 있습니다. 많은 사람들은 비밀번호를 등록하고 기억할 필요가 없기 때문에 시간을 절약할 수 있기 때문에 이 버튼을 좋아합니다. 필요한 것은 기존 Google 계정뿐입니다.

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

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

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

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

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

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

미니오렌지 img Google 소셜 로그인 구성
  • Google 개발자 콘솔로 이동하세요. https://console.developers.google.com Google 개발자 계정으로 가입/로그인하세요.
  • 구글 앱 TYPO3 소셜 로그인 | 오타3 구글 로그인
  • 로그인 후 프로젝트 생성을 클릭하세요.
  • TYPO3 Google 소셜 로그인 프로젝트 생성 | 오타3 구글 로그인
  • 프로젝트 이름을 입력하고 선택적으로 제공된 프로젝트 ID를 편집합니다. 만들기를 클릭하세요.
  • TYPO3 구글 로그인 프로젝트 이름 입력 | 오타3 구글 로그인
  • 프로젝트가 생성될 때까지 기다립니다.
  • TYPO3 구글 로그인 프로젝트 생성 | 오타3 구글 로그인
  • 왼쪽 메뉴를 클릭하고 API 및 서비스 -> OAuth 동의 화면으로 이동합니다.
  • TYPO3 구글 소셜 로그인 OAuth 동의 화면 앱 | 오타3 구글 로그인
  • 선택 외부 사용자 유형으로 선택하고 생성을 클릭합니다.
  • Google 소셜 로그인 앱 사용자 유형 구성 TYPO3 소셜 로그인 | 오타3 구글 로그인
  • 앱 정보를 편집하라는 메시지가 표시됩니다. 앱 이름과 사용자 지원 이메일을 입력하세요.
  • 구글 앱 앱 정보 수정 TYPO3 소셜 로그인 | 오타3 구글 로그인
  • 범위 화면에서 범위 추가 또는 제거를 클릭합니다. 확인하다 '.../auth/userinfo.email''.../auth/userinfo.profile'. 아래로 스크롤하여 저장하고 계속을 클릭하세요.
  • TYPO3 로그인을 위한 Google 로그인 범위 | 오타3 구글 로그인
  • 테스트 사용자 화면에서 다음을 클릭하세요. 사용자 추가. 앱을 테스트할 신뢰할 수 있는 사용자 몇 명을 추가하세요. 주의하세요. 이러한 사용자는 제거할 수 없습니다. 아래로 스크롤하여 저장하고 계속을 클릭하세요. 아래로 스크롤하여 대시보드로 돌아가기를 클릭하세요.
  • TYPO3에서 소셜 로그인을 위한 사용자 앱 테스트 | 오타3 구글 로그인
  • 왼쪽 메뉴에서 자격 증명을 클릭한 다음 드롭다운에서 자격 증명 만들기를 클릭하고 Oauth 클라이언트 ID를 선택합니다.
  • 소셜 로그인을 위한 Google 앱 자격 증명 | 오타3 구글 로그인
  • 애플리케이션 유형 드롭다운에서 웹 애플리케이션을 선택합니다.
  • 소셜 로그인을 위한 Google 웹 애플리케이션 | 오타3 구글 로그인
  • 클라이언트 이름을 입력하세요.
  • TYPO3 소셜 로그인을 위한 고객 이름 입력 | 오타3 구글 로그인
  • 리디렉션 URL 추가 버튼을 클릭하세요.
  • TYPO3 Google 소셜 로그인 리디렉션 URL | 오타3 구글 로그인
  • miniOrange 소셜 로그인 플러그인에서 리디렉션 URI를 복사하세요.
  • 복사한 URL을 리디렉션 URI 필드에 붙여넣습니다.
  • Google 로그인 TYPO3 리디렉션 URL 붙여넣기 | 오타3 구글 로그인
  • 클라이언트 ID와 클라이언트 시크릿을 복사하여 miniOrange 소셜 로그인 플러그인의 앱 ID 및 앱 시크릿 필드에 각각 붙여넣습니다.
  • TYPO3 소셜 로그인을 위한 Google 앱 클라이언트 ID 및 클라이언트 비밀번호 | 오타3 구글 로그인
  • 왼쪽 메뉴를 클릭하고 API 및 서비스 -> OAuth 동의 화면으로 이동합니다. 게시 상태에서 앱 게시를 클릭하고 확인을 클릭하세요.
  • 개발자 콘솔에 Google 앱 게시 | 오타3 구글 로그인

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

  • We Buy Orders 신청서를 클릭하세요. miniOrange 소셜 로그인 플러그인 → 앱 구성 클릭 → Google 클릭:
  • 토글 버튼을 활성화하여 TYPO3에 대한 Google 소셜 로그인을 활성화합니다.
  • 복사 고객 ID고객 비밀 설정 위의 양식을 작성하여 Google 지침의 필드에 붙여넣습니다.
  • 필요한 범위를 입력합니다.
  • 다음을 클릭하십시오. 구성 저장 및 테스트 버튼을 클릭합니다.
  • 지금 새 창이 나타나고 Google 계정에 로그인하라는 메시지가 표시됩니다. Google for Developer에 계정을 등록할 때 사용한 계정으로 로그인하세요. 로그인 프로세스를 완료하려면 다음으로 계속을 누르세요.
  • 테스트가 성공했다는 플러그인의 알림이 표시됩니다. 이는 맞춤형 앱이 올바르게 설정된다는 의미입니다.
  • 이제 고객 로그인 페이지로 이동합니다. 여기에서 Google 소셜 로그인 버튼이 활성화된 것을 확인할 수 있습니다. 이제 고객은 Google 자격 증명을 사용하여 로그인할 수 있습니다.

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

추가 자료


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

안녕하세요!

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

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

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

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