구글 소셜 로그인

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

구글 소셜로그인 신청페이지의 내용과 아래 내용이 상이할 경우 구글 소셜로그인에서 제공하는 매뉴얼을 확인해주시기 바랍니다.

* 구글 소셜 로그인 시 로그인 브랜드 가이드라인을 참고하여 버튼을 제작하신 후 추가해주셔야 합니다.

 

1. 첫번째로 “http://console.developers.google.com” 링크로 이동해 아래와 같은 화면이 나오면 우측의 ‘만들기’ 텍스트를 눌러 새로운 프로젝트를 생성합니다.
social-google

  • ‘Google Cloud Platform’ 을 새로 시작하는 사용자는 서비스 약관을 체크하신 후 ‘동의 및 계속 하기’ 을 눌러 시작합니다.
    social-google

 

2. 프로젝트 이름을 입력하고 만들기 버튼을 클릭합니다.
social-google

 

3. API 및 서비스 사용 설정 버튼을 클릭합니다.
social-google

 

4. API 라이브러리 검색창에서 Google+ API을 검색한 후 사용 버튼을 클릭합니다.
social-googlesocial-google

 

5. 좌측 상단 Google APIs 를 클릭한 다음 사용자 인증 정보 만들기 버튼을 클릭하여 OAuth 클라이언트 ID를 클릭합니다.
social-googlesocial-googlesocial-google

 

6. 좌측 사용자 인증 정보 탭을 클릭한 다음 동의 화면 구성 버튼을 클릭하여 User Type 을 외부로 선택한 후 만들기 버튼을 클릭합니다.
social-googlesocial-google

  • 앱 이름, 사용자 지원 이메일를 입력한 다음 앱 로고를 추가합니다.
    social-google
  • 앱 도메인 영역의 정보를 입력하고 승인된 도메인에 사이트 도메인을 추가한 후 개발자 연락처 정보에 이메일 주소를 입력합니다.
    social-google
  • 범위 추가 또는 삭제 버튼을 클릭하여 사용할 범위를 선택한 다음 업데이트 버튼을 클릭합니다.
    social-googlesocial-google
  • 선택적 정보에 입력할 정보를 작성합니다. 입력할 정보가 없으면 저장 후 계속 버튼을 클릭합니다.
    social-google
  • OAuth 동의 화면 구성이 끝났으면 대시보드로 돌아가기 버튼을 클릭합니다.

1. 사용자 인증 정보 만들기 버튼을 클릭하여 OAuth 클라이언트 ID를 클릭합니다.
social-googlesocial-google

 

2. 애플리케이션 유형웹 애플리케이션으로 지정한 다음 승인된 자바스크립트 원본 항목 값으로 도메인 주소를 넣습니다.
승인된 리디렉션 URI 항목 값으론 redirect 주소를 넣고 생성 버튼을 클릭합니다.social-google

  • 승인된 리디렉션 URI의 redirect 주소는 [엠샵 멤버스 > 소셜로그인 설정 > 소셜로그인 > 구글 섹션]의 리다이렉트 URI를 사용합니다.
    멤버스-소셜로그인-코드엠샵_매뉴얼-8

3. 클라이언트 ID 와 클라이언트 보안 비밀번호를 복사하여 자사몰 관리자 메뉴[엠샵 멤버스 > 소셜로그인 설정 > 소셜로그인 > 구글 섹션]에 붙여넣습니다.
social-google

4. 사용자 인증 정보탭에서 동의 화면 구성 버튼을 클릭하여 구성한 OAuth 동의 화면을 확인 요청합니다.
social-google

도메인주소를 입력하고 도메인 추가 버튼을 클릭합니다.
social-googlesocial-google

  • 소유권이 확인되지 않은 경우 지금 이동하기 버튼을 클릭해 소유권 확인을 진행합니다.
    소유권 인증은 마이사이트 매뉴얼을 참조하여 진행해주시기 바랍니다.
    social-google
Was this article helpful to you? Yes No