웹사이트32. 구글 아이디 로그인기능도 가능한가요?

Q. 구글 아이디 로그인기능도 가능한가요?

네~ 가능합니다!

구글아이디 로그인을 통해 내 사이트에 간편하게 가입하고 로그인할 수 있습니다.



⚠️ 같은 이름(닉네임)으로 중복 가입 방지를 해제해 주세요.

소셜 로그인을 가입자는 대부분 가입된 플랫폼의 이름(닉네임)을 그대로 사용하게 됩니다. 소셜 로그인 플랫폼에선 동일 이름(닉네임) 사용이 허용되기에 같은 이름(닉네임) 중복 가입 방지 해제를 해주셔야 원활한 가입이 진행됩니다.

  • 해제방법: 가입 및 그룹 설정 > (스크롤 중간 부근) 가입 폼 관리 > 이름에서 수정 버튼을 클릭하여 같은 이름(닉네임) 중복 가입 방지 체크 해제



1단계: Google API 콘솔 접속

  1. Google API 콘솔에 접속합니다.
  2. Google 계정으로 로그인합니다.
  3. (동의 하지 않은 경우) 서비스 약관에 동의 후 동의 및 계속하기를 클릭합니다.




2단계: 새 프로젝트 설정하기

이 단계는 선택 사항입니다. 기존 프로젝트가 있는 경우 이 과정은 건너뛰고 다음 3단계를 진행해 주세요. 새 프로젝트를 만들어야 하는 경우, 아래 새 프로젝트 만들기 도움말을 참고해 주세요.



[새 프로젝트 만들기] 

  1. 왼쪽 상단에 위치한 프로젝트명을 클릭합니다.


2. 프로젝트 선택 창이 나오면 새 프로젝트를 클릭합니다.


3. (선택 사항) 프로젝트 이름을 수정하고, 위치를 선택합니다.


4. 모두 설정했으면 만들기 버튼을 클릭합니다.

5. 새 프로젝트가 생성됩니다. 생성이 완료되기 까지 약간의 시간이 소요될 수 있습니다.

6. 다시 프로젝트명을 클릭합니다. 새 프로젝트 생성이 완료되면, 생성된 프로젝트를 클릭합니다.

 

7. 이제 위 설정방법 도움말의 3단계로 돌아가 새롭게 구글 로그인 설정을 진행합니다.



[기존 프로젝트 삭제하기 ]


  1. 계정 프로필 이미지 왼쪽의 더보기 아이콘을 클릭하고, 프로젝트 설정을 클릭합니다.

  2. 종료를 클릭합니다.

  3. 프로젝트 ID를 입력하고, 종료를 클릭합니다.

    참고: 프로젝트 ID는, 입력칸 상단에 표시된 ID를 참고해 입력하세요.

  4. 삭제 확인 창이 나오면 확인을 클릭합니다.
  5. 프로젝트가 삭제됩니다. (프로젝트 삭제를 알리는 이메일이 발송되며, 프로젝트는 30일 이내 삭제를 중지할 수 있습니다.)
  6. (선택 사항) 기존 프로젝트 삭제 후, 새롭게 프로젝트를 만들려면 왼쪽 상단의 프로젝트 만들기를 클릭해 생성하세요.

 



3단계: 라이브러리 추가하기 

  1. 왼쪽 메뉴에서 라이브러리를 클릭합니다.

  2. 마우스 휠 스크롤을 내려 소셜 항목의 Google+ API를 선택합니다.

  3. Google+ API 페이지에서 사용을 클릭합니다.





4단계: OAuth 동의 화면 구성하기 

  1. 왼쪽 메뉴에서 사용자 인증 정보를 클릭합니다.
  2. 동의 화면 구성 버튼을 클릭합니다.

  3. User Type외부로 선택하고, 만들기 버튼을 클릭합니다.

  4. 앱 정보 항목에 앱 이름(주로 사이트 이름)을 입력하고, 이용할 사용자 지원 이메일을 선택합니다.

    주의: 앱 로고 추가 시 Google의 승인이 필요하며 4~6주의 심사 기간이 소요됩니다. 빠른 적용을 위해서는 앱 로고는 추가하지 않는 걸 추천합니다.

  5. 앱 도메인 항목에서 애플리케이션 홈페이, 애플리케이션 개인정보처리방침 링크, 애플리케이션 서비스 약관 링크를 작성합니다.

    • 애플리케이션 홈페이지: http://홈페이지 도메인
    • 애플리케이션 개인정보처리방침 링크: http://홈페이지 도메인/?mode=privacy
    • 애플리케이션 서비스 약관 링크: http://홈페이지 도메인 /?mode=policy
  6. 승인된 도메인 항목에서 + 도메인 추가 버튼을 클릭합니다.
  7. 대표 도메인을 입력합니다. (도메인 앞에 http 또는 https 는 입력하지 마세요.)

    참고: 2차 도메인을 사용하는 경우, 1차 도메인을 입력합니다. 예를 들어, abc.mydomain.com 대신 mydomain.com 을 입력하세요.

  8. (선택 사항) 추가할 도메인이 더 있다면 + 도메인 추가 버튼을 클릭해 모두 추가합니다. 예를 들어, 서브 도메인(abc.mydomain.com)으로 접속해도 로그인되게 하려면 mydomain.com(홈페이지 도메인) 를 추가해 주세요.

  9. 개발자 연락처 정 항목에서 이메일 주소를 입력합니다. (Google에서 프로젝트 변경사항에 대해 알림을 보내기 위한 용도로 여러 개 추가 가능합니다.)
  10. 저장 후 계속 버튼을 클릭합니다.





5단계: 범위 추가하기 

  1. 범위 추가 또는 삭제 버튼을 클릭합니다.

  2. 기본 Google 계정의 이메일 주소 확인와 개인정보(공개로 설정한 개인정보 포함) 보기 2가지 항목을 선택하고, 업데이트 버튼을 클릭합니다.

  3. 페이지 하단의 저장 후 계속 버튼을 클릭합니다.




6단계: 테스트 사용자 추가하기

  1. + ADD USERS 버튼을 클릭합니다.

  2. 이메일 주소를 입력해 테스트 사용자를 추가합니다. (테스트 사용자는 100명까지 추가 가능합니다.)
  3. 저장 후 계속 버튼을 테스트 사용자 추가를 완료합니다.




7단계: OAuth 클라이언트 ID 만들기 

  1. 왼쪽 메뉴에서 사용자 인증 정보를 클릭합니다.
  2. 상단의 + 사용자 인증 정보 만들기를 클릭하면 나타나는 메뉴 중 OAuth 클라이언트 ID를 클릭합니다.

  3. 아래의 그림과 설명을 참고해 애플리케이션 유형을 선택하고, 이름, 승인된 리디렉션 URI를 입력합니다.

    1. 애플리케이션 유형: 웹 애플리케이션을 선택합니다.
    2. 이름: 사이트 이름을 입력합니다.
    3. 승인된 자바스크립트 원본: 이 항목은 무시하고 건너뜁니다.
    4. 승인된 리디렉션 URl: http://사용 도메인/oauth을 입력합니다. (https 만 지원하기 때문에 http로 URI가 시작되는 경우 SSL 신청 후 다시 시도해 주시기 바랍니다)
  4. 아래의 생성 버튼을 클릭합니다.
  5. 클라이언트 ID와 클라이언트 보안 비밀이 생성되면, 오른쪽의 복사 아이콘을 클릭해 복사하고, 메모장에 메모해 둡니다.

  6. 확인을 클릭해 클라이언트 ID와 비밀번호가 표시된 창을 종료합니다.




8단계: 앱 게시하기

  1. 왼쪽 메뉴에서 OAuth 동의 화면을 클릭합니다.
  2. 앱 게시 버튼을 클릭합니다.

  3. 확인을 클릭합니다.



9단계: 내 사이트에 Google 로그인 사용 설정하기

  1. Google 로그인 항목으로 이동합니다.
  2. Google 로그인 사용을 선택합니다.
  3. 클라이언트 ID와 클라이언트 보안 비밀에 위 7단계에서 복사한 ID비밀번호를 보구정제주에게 전달해주세요! (단축키: CTRL + V)


제주도홈페이지제작 보구정제주  |  대표자. 김경환 
주소. 제주특별자치도 제주시 오도5길 20 2층(이호이동)

사업자등록번호. 474-11-00376  |   팩스. 064-746-4728

신규문의 : 064-745-4728  |  수정문의 : 064-749-4728

이메일. bo9jeong@naver.com  |  카카오톡 '보구정' 친구추가 

품질경영시스템인증. ISO9001:2015 

통신판매업신고. 제 2019-제주이호-0015호

Design & Hosting by 보구정제주

Copyright 보구정제주 All Rights Reserved.


제주도홈페이지제작 보구정제주  |  대표자. 김경환  |  주소. 제주특별자치도 제주시 오도5길 20 2층(이호이동)

사업자등록번호. 474-11-00376  |  팩스. 064-746-4728  |  신규문의. 064-745-4728  |  수정문의. 064-749-4728

이메일. bo9jeong@naver.com  |  카카오톡 '보구정' 친구추가  |  품질경영시스템인증. ISO9001:2015  |  통신판매업신고. 제 2019-제주이호-0015호

Design & Hosting by 보구정제주    Copyright 보구정제주 All Rights Reserved.