Customer Satisfaction
고객만족센터
친절하고 빠른 응대와 실시간 정보공유로
최적화된 의사 소통의 공간과 정보제공의 장을 제공해 드립니다.

FAQ

FAQ

솔루션을 이용하는 회원님들이 가장 많이 문의하시는 내용.

게시글 검색
[외부 API] 구글 로그인을 연동하는 방법
조회수:1856
2020-08-26 11:18:21

 

1. 구글에 로그인 후 개발자 센터에서 프로젝트를 등록합니다.

https://console.developers.google.com/

 

 

 

 

 

 

 

2. 프로젝트 등록 후 OAuth 동의 화면에 대한 설정을 합니다.

애플리케이션 이름과 승인된 도메인에 구글 로그인을 연동할 사이트 도메인을 http 를 포함하여 입력 후 저장버튼을 클릭합니다.

 

 

 

3. 동의 화면 설정 후 사용자 인증 정보에서 사용자 인증 정보 만들기를 클릭 한 후 OAuth 클라이언트 ID 를 클릭합니다.

 

 

 

4. OAuth 클라이언트 ID 만들기 화면에서 애플리케이션 유형은 웹 애플리케이션을 선택하고 승인된 자바스크립트 원본은 http를 포함한 사이트 도메인을 입력하고  승인된 리디렉션 URI 는 http를 포함한 http://사이트 도메인/API/google_api/login_exec.php 를 입력합니다.

 

 

 

 

 

5. 생성된 OAuth 클라이언트 이름을 클릭합니다.

 

 

 

 

6. 클라이언트 ID와 클라이언트 보안 비밀 번호를 확인 한 후

 

 

 

 

사이트 관리자 모드 [프로그램샵 > 프로그램 환경설정 > 외부 API 연동] 에서 값을 입력 합니다.

 

 

* 외부 API 연동  메뉴가 없을 경우 [프로그램샵 > 프로그램 SHOP > 프로그램 추가 설치] 에서 외부 API 연동을 설치하시면 됩니다.

 

 

 

7. [디자인관리 > 고급 디자인 관리 > 세부 화면 디자인] 페이지에서 MY PAGE - 로그인 페이지를 선택합니다. 

 

 

 

소스 수정 모드에서 아래와 같이 구글 로그인 버튼을 추가 합니다.

<a href="javascript:google_login_form()">구글 로그인</a>