구글 로그인 연동하기

목차

1. 프로젝트 만들기

구글 API 콘솔arrow-up-right에 접속한 뒤, 구글 계정으로 로그인해 주세요.

Google Cloud 콘솔 좌측 상단의 프로젝트 선택 버튼을 클릭해 주세요.

상단 새 프로젝트 버튼을 클릭해 주세요.

원하는 프로젝트 이름을 입력한 뒤 만들기 버튼을 클릭해 주세요. ※ 프로젝트 이름은 외부에 노출되지 않고 앱 관리를 위해 사용됩니다.

2.앱 만들기

좌측 상단 탐색 메뉴에서 API 및 서비스 > Oauth 동의 화면 메뉴로 이동해 주세요.

최근 프로젝트 선택 화면에 > 새로 생성한 프로젝트를 선택해 주세요. 예시) My Project 선택

OAuth 개요 화면에서 시작하기를 클릭해 주세요.

앱 이름 OAuth 동의 화면에 표시될 앱 (서비스) 이름을 입력해 주세요. ※ 실제 서비스명(서비스/사이트 이름 등)과 최대한 동일하게 넣어주세요. ※ 구글 제품 이름 (예:Google, 유트브 등) 과“앱” 또는 “모바일” 같은 (예: 모바일 유트브 앱, 구글 포토 앱 등) 일반적인 용어를 조합하지 마세요. 자세히 알아보기arrow-up-right

사용자 지원 이메일 OAuth 동의 화면에 표시될 이메일 주소입니다. 클릭 시 구글 계정 이메일이 자동 등록됩니다.

※ 사용자가 동의에 대해 문의 (로그인, 인증, 앱 이용 관련 문의 등) 를 받을 수 있는, 정기적으로 확인할 수 있는 이메일 주소여야 합니다. 자세히 알아보기arrow-up-right

다음을 클릭해 주세요.

대상 대상을 '외부' 로 선택해 주세요.

다음을 클릭해 주세요.

연락처 정보 상점 관리자의 이메일 주소를 입력해 주세요.

다음을 클릭해 주세요.

완료 Google API 서비스: 사용자 데이터 정책에 동의해 주세요.

⑨ 모든 항목을 입력한 뒤 만들기 버튼을 클릭해 주세요.

OAuth 개요에서 >측정항목 > OAuth 클라이언트 만들기를 클릭해 주세요.

어플리케이션 유형 웹 애플리케이션 항목을 선택해 주세요.

이름 앱 (서비스) 이름을 입력해 주세요. ※구글 클라우드 콘솔 내부에서 여러개의 키를 관리할 때 구별하기 위한 용도로 실제 사용자에게 표시되지 않습니다.

승인된 JavaScript 원본

사이트의 대표 도메인을 입력해 주세요. ※이 때, creatorlink 주소인 경우 'https'와 'http'를 모두 입력하고 외부 도메인은 'https'만 입력해 주세요.

thumbtack-angle

예시)

  • https://example.creatorlink.net

  • http://example.creatorlink.net

  • https://example.com

  • https://www.example.com

승인된 리디렉션 URI

사이트의 대표 도메인 뒤에 ‘/oauth’를 추가하여 입력해 주세요.

thumbtack-angle

예시)

  • https://example.creatorlink.net/oauth

  • http://example.creatorlink.net/oauth

  • https://example.com/oauth

  • https://www.example.com/oauth

④ 모든 항목을 입력한 뒤 만들기를 클릭해 주세요.

3.구글 로그인 활성화

클라이언트 ID복사해 따로 메모장 등에 저장해 주세요.

다시 OAuth 동의 화면 메뉴 클릭 > 클라이언트 선택 후 방금 만든 클라이언트 ID 수정 아이콘을 클릭해 주세요.

하단 클라이언트 보안 비밀번호를 새로 생성 후, 복사해 주세요.

① 크리에이터링크 관리자 페이지 > 회원관리 탭을 클릭해 주세요.

소셜 로그인을 클릭해 주세요.

③ 구글 로그인 탭의 사용을 선택해 주세요.

④ 복사한 클라이언트 ID와 클라이언트 보안 비밀번호를 붙여 넣어 주세요.

저장 버튼을 클릭해 주시면 구글 로그인 설정이 완료됩니다.

Last updated

Was this helpful?