LogoEurekaCodes
UncategorizedGeneral

구글 로그인 설정하기

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

[구글 로그인 설정하기]

1단계 : Google API 콘솔 로그인 및 동의하기

  1. Google API 콘솔에 접속합니다.

  2. Google 계정으로 로그인합니다.

  3. (동의 하지 않은 경우) 서비스 약관에 동의 후 동의 및 계속하기를 클릭합니다.

2단계 : 새 프로젝트 만들기

※ 이 단계는 선택 사항입니다. 기존 프로젝트가 있는 경우 이 과정은 건너뛰고 다음 3단계를 진행해 주세요. 새 프로젝트를 만들어야 하는 경우에만 해당됩니다.

AD 4nXfGo9xp8eGpU0N9xfPXbXdVShHT0z9A8zkFAuSTn0TlxQ0WKFdeDxL5rHwDoESKgEA4YCswSa2zqpHp4Lsg6SJxmOuE5qePAT3Z J73TsLgrOVjJoHJIWOyA 7lFRWRrux9M0U4Bg

  1. 이미 기존 프로젝트가 있는 상황에서 새 프로젝트를 만들 경우에는 왼쪽 상단에 위치한 프로젝트명을 클릭합니다.

AD 4nXf L5vU1J4ZIe5op0ugR4TzwHzXFLoGJKv84Y449dLQC2S4CsX7AREOdZNvgRqrf ghqNmNL8VsTMFsAFEe EAnn195MYC LjqHaDglaQWzTJV7KoVTGNvLiF8m3bfdAfWHiZ5vZg

  1. 프로젝트 선택 창이 나오면 새 프로젝트를 클릭합니다. (프로젝트 만드는게 처음인 경우엔 바로 위와 같은 화면이 나옴)

AD 4nXf33oLzCZ0HUHVBcYzxBwhMklkHgX0Qt0kURdzjWuKrEcYyloq5ZkH6RoVt29kFCxCXNKBdpJT5OGMPYTfc5  7Wd9Chfjvqu un6wSl58XZLmhf2WbrOMlMVdRbRD5OT I23NlHA

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

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

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

AD 4nXdxcKd9mnMqK0xJUpFb9X7vLb9zljkU9z4B7N5kg8RZmNl4iBHD TSnIVB 7AKeqlEGXhTdo4OWDmC xDrBfI62KSx61rM08OhP1 QQMxi4CzNbLM s2v3DANfl8hHM20ODBjsVww

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

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

AD 4nXedV8HvAK9vjLknTzGkpYND1NUXgbKl0f3YVje94T2oqz4uwyfLU8St1FMdWJxNRqyeocY5cC9ASEvbwzLG6b8Dtn5DmoSYdPPQ20WoEGNx Y5Ix72MuQ5pasXkp5r0k8ipDycR

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

AD 4nXc VLthbmQeinu4l oJokhWMkA7 hIeFhRYNZxvNdvldl2c2u8ZG5zwtyVoiBb5UScBVQ0Y o aVRyckqtyuIxbQF 5IbESTqzoVoBUBIP9bGFiPjvb0QzJ25JwaEJNfZ1Nl65FFw

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

AD 4nXeOBMYkoNh SPx4svSVQ9lWgouZgXYoQkB44B5J5qGzxhh87SkHEpmdhw88bv98WsuJu h8oVygDEmo9UuuKroII7gsgRRt IyH0J1Aopasd74qIIZDnzPuwIbvaDkpGqkWVMCK A

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

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

  1. 왼쪽 메뉴에서 사용자 인증 정보를 클릭합니다. (만약 왼쪽에 메뉴가 없는 경우, 왼쪽 상단의 ≡ 아이콘을 클릭 후

** [API 및 서비스 > Oauth 동의 화면**]을 클릭해 이동한 다음, 아래 2번 과정은 건너뛰고 3번 과정부터 진행하세요.)

AD 4nXdNT5DrKyFUQbgp k5hcohRBlyvOVBjkH0hkl7Z6nQ2I5IziqrZQPpZYpnrHQPHlsEG189G881cDTDoZfDHt80BG xhtYSiP8Ef4f S4UbBiC uscaAbbJ3w7aHHpisUpZVyFjlXQ

  1. 동의 화면 구성 버튼을 클릭합니다.

AD 4nXfYX2s16KLEp1b1io76JRplkrtulfDpVNjqzIarLkBZqGVtF5xe8EgO44ge1mIfpPHZH1awPG7R8DO4 scknwfn8kCgu0QkNLXMLqg93YBuywwbJugEP97DcuiCloZMnlzLTT6nWQ

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

AD 4nXcAjSBYY KuDESCiKB2c4KntycxBfk3JzFu2wDHX7Htg8HpkPd3EtpodDreePHfxAWhKFq2oaGgsb9IfzDe3LSstRpBOMApzVqjb LAQ5ti ldetzt17Wcmz8uBu3f6ycnmPJrK

AD 4nXeyYB9wLJRwz1zF2nE gYsPdQ0uVTS195 oQvpQVDuvv GgWDDGzK57NdpWfDA4XpTGmxjwTw16xF55hSmDvnJxlyOqa4A2X IRc pyEWfntw ebBLgz4GUkhgdeTLbQxtY8gcrpw

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

AD 4nXc0Y0ZArnHLRWZy5z vld 6MZ Qv3cDNH6mmIZeOWZpkMRDHtqdCAEISU3joE8FN4Q5i0a0YUhFoAVlsh657d3OGZXBk3Hrk7lgj0ksTfcKP 2tHZGGJ1y4jPOoSLQUS2nSkclAQg

  1. 앱 도메인 항목에서 애플리케이션 홈페이지, 애플리케이션 개인정보처리방침 링크, 애플리케이션 서비스 약관 링크를 작성합니다.
  • **애플리케이션 홈페이지 : **사이트 대표 도메인을 입력합니다. (2차 도메인 사용자의 경우, 2차 도메인 전체를 입력합니다.)
  • 애플리케이션 개인정보처리방침 링크 : 내도메인/?mode=privacy
  • **애플리케이션 서비스 약관 링크 : **내도메인/?mode=policy

AD 4nXc nOlbpeqsgl6i2anCGhMJBpQZz3lFPrNJo4jiNiLHfa4NOmRkw4wjJm8w4hGKm1ewvj7IdAAKBnDeNyAoJPxjLJLbwHDIZyZk7pMUGUKiVqlv6iDYRI6wDOm1gGgYNK9GJot0lw

  1. 승인된 도메인 항목에서 + 도메인 추가 버튼을 클릭합니다.

  2. 대표 도메인을 입력합니다. (도메인 앞에 http 또는 https 는 입력하지 마세요.)

AD 4nXd5SdLnA N xbgT3qs1yl0E1p4QhBXpRnlv53Nni OHl6G0gz0xqsCHjCkPOt6XLE YYcfa4XptgeSTuuE9pRRwyEoziPi0TmMrqaM NafVn3RleS4QKJpTQRFLnYapNYwUyNGNvw

AD 4nXd9n0NlVArxeAn1FT4vpwuatGUvfnk7hVF0TJBati41G4vzuBnYMW7vTwkOcETzV4VlLcgwr71GlciNFT6KKexqGUpo06uwHI Yfl8e3yzwGss4qIpymkbbqMmDRA5plLuQYy2GGw

  1. (선택 사항) 추가할 도메인이 더 있다면 + 도메인 추가 버튼을 클릭해 모두 추가합니다.

    예를 들어, 아임웹 서브 도메인(abc.imweb.me)으로 접속해도 로그인되게 하려면 imweb.me를 추가해 주세요.

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

  3. 저장 후 계속 버튼을 클릭합니다.

5단계 : 범위 추가하기

AD 4nXeuiXIZJO5kj5f9h4TBDPG3sZvQDlAtH3k719fjFJBhOhqDQBTagy9z 1Y5t4zlOLrMosemgiOiKE0mWVn9a1XjESW3o9VQ5ybGRHWKkNHO00HcBsTI1rG5Y1syOurJ9BMYF9XjmA

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

AD 4nXcFRiH0uJ1JtjSYO8fPxSMaHHucfktgJJLYbkgFNGzTGp1mcbN7BGZtJBRkCCrKREOcJm6qyF5yXurnN4uPvEhZp7oWroIAjMcRG5rJ kLsSnyyFnr66AdNn9Bgkmz323j6sS1wZw

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

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

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

AD 4nXdupG4JaS dWfCCfcTiNA4VG5BH0K3fLFHsRI04dQ0vJ2 4oaexq3LdUeL8eZ8UcbQ2 1MdEoHLHRnd7pm6eV5RdgVyg2i TEpVRn9Ind9Qj2qZagBNk6ugtUHUshEK93vJ1BC2iw

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

  2. 이메일 주소를 입력해 테스트 사용자를 추가합니다. (테스트 사용자는 100명까지 추가 가능합니다.)

  3. 저장 후 계속 버튼을 테스트 사용자 추가를 완료합니다.

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

AD 4nXcUDDLxwGtWSG6VOOT yEGTuMxZ07Tte7iNsnxOYtyRH5TWMAn82BSruMhEjUuZiHZhVbr koc47 RBZpHNbDIwTnzn9aJPm OBfxog4FqCkOCw 9BDx6TGEiNq JcQb6yTGgDydg

  1. 왼쪽 메뉴에서 사용자 인증 정보를 클릭합니다.

  2. 상단의 + CREATE CREDENTIALS를 클릭하면 나타나는 메뉴 중 OAuth 클라이언트 ID를 클릭합니다.

AD 4nXcvEvMOhe kPxFboOGfvXNFnFykBtRtQFEVEXHR4wAaUKZBSB6 b7KyHRsoGMpyp5K o0q418xEMTgZn5ksVLEv7 kvGDDcejeguJvwIYm66eAVtv81kQ0uLu5bOAS WBB3b9t4Mw

  1. 위의 그림과 설명을 참고해 애플리케이션 유형을 선택하고, 이름, 승인된 리디렉션 URI를 입력합니다.
  • 애플리케이션 유형 : 웹 애플리케이션을 선택합니다.
  • **이름 **: 사이트 이름을 입력합니다.
  • **승인된 자바스크립트 원본 : **이 항목은 무시하고 건너뜁니다.
  • **승인된 리디렉션 URl : **https://내도메인/oauth 형식으로 입력합니다. AD 4nXfgof hqsQ0GU8dOMFN7wDXwt Qa NgOJieKmfBreXaH61nchLmc0k YU5bWtcOBceiD3pu5tRd7sMhWMq3KRt6OvevztukjvU2w56 u7De49KF8K W6C89bgxeR6BrlM30tJh9LA
  1. 아래의 만들기 버튼을 클릭합니다.

AD 4nXfoKuCCyJ7SkX6PrEhDjF8AowTu1DFpUnLWOSkAEM9f2 3xH6FEpv Jc9lexYApJtOf 8WWdEeOvpatH3tXVDQh5hQFyhNikHO7BjuCj85vb9RJolPQCyGxW6W5sw7ByOqbEsnR

  1. 클라이언트 ID와 클라이언트 보안 비밀번호가 생성되면 오른쪽의 복사 아이콘을 클릭해 복사하고, 메모장에 메모해 둡니다.

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

8단계 : 앱 게시하기

AD 4nXdK6AZ9BZwd 85vM9fliYOyUXGJSjoLp5cDDNCmIx6OyJE gkPG DoJIMQTLg9pXinFpnWObV89uSIxYMxQvX0VyH7jIL3VM6j5fSQinPoJmgexR7EA6mZ9CamFVvxg mg Q7v2dQ

  1. 왼쪽 메뉴에서 OAuth 동의 화면을 클릭합니다.

  2. 앱 게시 버튼을 클릭합니다.

  3. 확인을 클릭합니다.

9단계 : 내 사이트에 Google 로그인 사용 설정하기 (아임웹 사용시)

AD 4nXcC7 aUKNoqNeUw4X3 z4F6nrv 72cmHQ8231R36V1jPJBve6dLuKYuglDO qCdRotK4cASFWGfSD3glOOXPbRlCTuW VZPDuQAf KhS6l dF ZRbtfX88QTqX43mgmXnXbZQXr

  1. 아임웹 사이트 관리자 페이지로 이동합니다. 접속방법

  2. 왼쪽 메뉴에서 **[관리자 페이지 > 환경설정 > 소셜 로그인·지도·공유]**를 클릭합니다.

  3. Google 로그인 항목으로 이동합니다.

  4. Google 로그인 사용 여부를 on 으로 설정합니다.

  5. 클라이언트 ID와 클라이언트 보안 비밀에 위 7단계에서 복사한 ID와 비밀번호를 붙여넣습니다. (단축키: CTRL + V)

  6. 저장 버튼을 클릭합니다.

  7. 이제 Google 로그인 기능을 사용할 수 있게 됩니다.