구글 로그인 설정하기
1. Google API 콘솔에 접속합니다. 2. Google 계정으로 로그인합니다. 3. (동의 하지 않은 경우) 서비스 약관에 동의 후 동의 및 계속하기를 클릭합니다. ※ 이 단계는 선택 사항입니다.
[구글 로그인 설정하기]
1단계 : Google API 콘솔 로그인 및 동의하기
-
Google API 콘솔에 접속합니다.
-
Google 계정으로 로그인합니다.
-
(동의 하지 않은 경우) 서비스 약관에 동의 후 동의 및 계속하기를 클릭합니다.
2단계 : 새 프로젝트 만들기
※ 이 단계는 선택 사항입니다. 기존 프로젝트가 있는 경우 이 과정은 건너뛰고 다음 3단계를 진행해 주세요. 새 프로젝트를 만들어야 하는 경우에만 해당됩니다.
- 이미 기존 프로젝트가 있는 상황에서 새 프로젝트를 만들 경우에는 왼쪽 상단에 위치한 프로젝트명을 클릭합니다.
- 프로젝트 선택 창이 나오면 새 프로젝트를 클릭합니다. (프로젝트 만드는게 처음인 경우엔 바로 위와 같은 화면이 나옴)
- (선택 사항) 프로젝트 이름을 수정하고, 위치를 선택합니다.
4.모두 설정했으면 만들기 버튼을 클릭합니다.
- 새 프로젝트가 생성됩니다. 생성이 완료되기 까지 약간의 시간이 소요될 수 있습니다.
- 다시 프로젝트명을 클릭합니다. 새 프로젝트 생성이 완료되면, 생성된 프로젝트를 클릭합니다.
3단계 : 라이브러리 추가하기
- 왼쪽 메뉴에서 라이브러리를 클릭합니다.
- 마우스 휠 스크롤을 내려 소셜 항목의 Google+ API를 선택합니다.
- **Google+ API **페이지에서 사용을 클릭합니다.
4단계 : OAuth 동의 화면 구성하기
- 왼쪽 메뉴에서 사용자 인증 정보를 클릭합니다. (만약 왼쪽에 메뉴가 없는 경우, 왼쪽 상단의 ≡ 아이콘을 클릭 후
** [API 및 서비스 > Oauth 동의 화면**]을 클릭해 이동한 다음, 아래 2번 과정은 건너뛰고 3번 과정부터 진행하세요.)
- 동의 화면 구성 버튼을 클릭합니다.
- User Type을 외부로 선택하고, 만들기 버튼을 클릭합니다.
- 앱 정보 항목에 앱 이름(주로 사이트 이름)을 입력하고, 이용할 사용자 지원 이메일을 선택합니다.
- 앱 도메인 항목에서 애플리케이션 홈페이지, 애플리케이션 개인정보처리방침 링크, 애플리케이션 서비스 약관 링크를 작성합니다.
- **애플리케이션 홈페이지 : **사이트 대표 도메인을 입력합니다. (2차 도메인 사용자의 경우, 2차 도메인 전체를 입력합니다.)
- 애플리케이션 개인정보처리방침 링크 : 내도메인/?mode=privacy
- **애플리케이션 서비스 약관 링크 : **내도메인/?mode=policy
-
승인된 도메인 항목에서 + 도메인 추가 버튼을 클릭합니다.
-
대표 도메인을 입력합니다. (도메인 앞에 http 또는 https 는 입력하지 마세요.)
-
(선택 사항) 추가할 도메인이 더 있다면 + 도메인 추가 버튼을 클릭해 모두 추가합니다.
예를 들어, 아임웹 서브 도메인(abc.imweb.me)으로 접속해도 로그인되게 하려면 imweb.me를 추가해 주세요.
-
개발자 연락처 정보 항목에서 이메일 주소를 입력합니다. (Google에서 프로젝트 변경사항에 대해 알림을 보내기 위한 용도로 여러 개 추가 가능합니다.)
-
저장 후 계속 버튼을 클릭합니다.
5단계 : 범위 추가하기
- 범위 추가 또는 삭제 버튼을 클릭합니다.
-
기본 Google 계정의 이메일 주소 확인과 **개인정보(공개로 설정한 개인정보 포함) 보기 **2가지 항목을 선택하고, 업데이트 버튼을 클릭합니다.
-
페이지 하단의 저장 후 계속 버튼을 클릭합니다.
6단계 : 테스트 사용자 추가하기
-
+ ADD USERS 버튼을 클릭합니다.
-
이메일 주소를 입력해 테스트 사용자를 추가합니다. (테스트 사용자는 100명까지 추가 가능합니다.)
-
저장 후 계속 버튼을 테스트 사용자 추가를 완료합니다.
7단계 : OAuth 클라이언트 ID 만들기
-
왼쪽 메뉴에서 사용자 인증 정보를 클릭합니다.
-
상단의 + CREATE CREDENTIALS를 클릭하면 나타나는 메뉴 중 OAuth 클라이언트 ID를 클릭합니다.
- 위의 그림과 설명을 참고해 애플리케이션 유형을 선택하고, 이름, 승인된 리디렉션 URI를 입력합니다.
- 애플리케이션 유형 : 웹 애플리케이션을 선택합니다.
- **이름 **: 사이트 이름을 입력합니다.
- **승인된 자바스크립트 원본 : **이 항목은 무시하고 건너뜁니다.
- **승인된 리디렉션 URl : **https://내도메인/oauth 형식으로 입력합니다.
- 아래의 만들기 버튼을 클릭합니다.
-
클라이언트 ID와 클라이언트 보안 비밀번호가 생성되면 오른쪽의 복사 아이콘을 클릭해 복사하고, 메모장에 메모해 둡니다.
-
확인을 클릭해 클라이언트 ID와 비밀번호가 표시된 창을 종료합니다.
8단계 : 앱 게시하기
-
왼쪽 메뉴에서 OAuth 동의 화면을 클릭합니다.
-
앱 게시 버튼을 클릭합니다.
-
확인을 클릭합니다.
9단계 : 내 사이트에 Google 로그인 사용 설정하기 (아임웹 사용시)
-
아임웹 사이트 관리자 페이지로 이동합니다. 접속방법
-
왼쪽 메뉴에서 **[관리자 페이지 > 환경설정 > 소셜 로그인·지도·공유]**를 클릭합니다.
-
Google 로그인 항목으로 이동합니다.
-
Google 로그인 사용 여부를 on 으로 설정합니다.
-
클라이언트 ID와 클라이언트 보안 비밀에 위 7단계에서 복사한 ID와 비밀번호를 붙여넣습니다. (단축키: CTRL + V)
-
저장 버튼을 클릭합니다.
-
이제 Google 로그인 기능을 사용할 수 있게 됩니다.