고객기술지원

Customer Guide

100% 만족을 목표로 꾸준히 UPDATE 하겠습니다.

Customer Guide - 포항사랑, 경주홈페이지제작 구글 로그인 연동
2018-10-23 03:21:23
조회수 432
  • 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>

 

수고하셨습니다.


top