Home소셜 로그인WordPress Social Login구글 소셜 로그인

구글 소셜 로그인

본 문서는 ‘WordPress Social Login – 구글 소셜 로그인‘ 관련 내용을 담고 있습니다.


구글(Google) 연동시키기

  1. 관리자 메뉴[사이트 설정(설정) > WordPress Social Login] Google 섹션에서 “Where do i get this info?“를 클릭하면 아래에 Application ID와 Application Secret 정보를 얻을 수 있는 자세한 API 설정 순서를 볼 수 있습니다.
    google1
  2. 첫번째로 “http://console.developers.google.com” 링크로 이동해 아래와 같은 화면이 나오면 우측의 ‘만들기’ 텍스트를 눌러 새로운 프로젝트를 생성합니다.
    social-google

    • ‘Google Cloud Platform’ 을 새로 시작하는 사용자는 서비스 약관을 체크하신 후 ‘동의 및 계속 하기’ 을 눌러 시작합니다.
      social-google
  3. 프로젝트 이름을 입력하고 만들기 버튼을 클릭합니다.
    social-google
  4. API 및 서비스 사용 설정 버튼을 클릭합니다.
    social-google
  5. API 라이브러리 검색창에서 Google+ API을 검색한 후 사용 설정 버튼을 클릭합니다.
    social-google
    social-google
  6. 사용자 인증 정보 만들기 버튼을 클릭합니다.
    social-google
  7. 사용중인 API는 ‘Google+ API’ 로 선택하신 다음 API를 호출할 위치를 “웹브라우저(자바스크립트로)“로 설정하고 액세스할 데이터를 “사용자 데이터“로 설정한 후 “어떤 사용자 인증 정보가 필요한가요?” 버튼을 클릭합니다.
    social-google
    클릭시 아래와 같은 팝업이 뜨면 동의 화면 설정을 눌러 설정창으로 이동합니다.
    social-google

    • 설정 창에서 애플리케이션 이름, 로고, 지원 이메일을 확인 하신 다음 하단의 승인된 도메인 영역에 사이트 도메인을 입력 한 후 저장 버튼을 클릭합니다.
      social-google
      social-google
    • 대쉬보드 탭에서 하단의 ‘Google+ API’ 를 클릭하신 다음 ‘사용자 인증 정보 만들기’ 버튼을 클릭합니다.
      social-google
  8. 승인된 자바스크립트 원본 항목 값으로 도메인 주소를 넣습니다.
    승인된 리디렉션 URI 항목 값으론 redirect 주소를 넣고 OAuth 클라이언트 ID 만들기 버튼을 클릭합니다.
    social-google

    • 승인된 리디렉션 URI의 redirect 주소는 관리자 메뉴[사이트 설정(설정) > WordPress Social Login] Google 섹션에서 “Where do i get this info?” 을 눌러 Authorized redirect URI을 확인해주시기 바랍니다.
      social-google
  9. 완료 버튼을 클릭하여 API를 생성합니다.
    social-google
  10. 사용자 인증 정보 > 도메인 확인 탭에서 도메인 추가 버튼을 클릭합니다.
    social-google
  11. 도메인주소를 입력하고 도메인 추가 버튼을 클릭합니다.
    social-google

    • 소유권이 확인되지 않은 경우 지금 이동하기 버튼을 클릭해 소유권 확인을 진행합니다.
      social-google
  12. 사용자 인증 정보 탭에서 클라이언트 이름 또는 우측의 연필 아이콘을 클릭하여 수정 페이지로 들어갑니다.
    social-google
  13. 클라이언트 ID클라이언트 보안 비밀 값을 복사 한 후
    관리자 메뉴[사이트 설정(설정) > WordPress Social Login] Google 섹션에 붙여넣고 저정합니다.
    social-google
Was this article helpful to you? Yes 2 No