SNS 설정 · 구글 로그인

왼쪽 메뉴 환경 설정 → SNS 설정을 누르고, 위쪽 탭에서 구글를 누릅니다.

1. 구글 — 「사용」에 체크하면 구글 로그인 단추가 나옵니다. 아래에 개발자 사이트 주소(console.cloud.google.com)와 구글 쪽에 등록할 리디렉션 URL 이 적혀 있습니다.
2. Client ID — 구글 OAuth 클라이언트의 클라이언트 ID 를 넣습니다. 「사용」을 켜려면 이 칸이 꼭 있어야 합니다.
3. Client Secret — 같은 클라이언트의 클라이언트 보안 비밀번호를 넣습니다.

1번 칸의 파란 주소를 누르면 구글 개발자 사이트가 새 창으로 열립니다. 아래는 대략의 순서입니다. 그쪽 사이트의 메뉴 이름은 자주 바뀌니, 낱말이 조금 달라도 같은 뜻의 메뉴를 찾으세요.

• console.cloud.google.com 에 구글 계정으로 로그인하고 프로젝트를 하나 만듭니다.
• OAuth 동의 화면을 먼저 채웁니다(앱 이름, 지원 이메일 등). 손님이 로그인할 때 이 이름이 보입니다.
• 사용자 인증 정보에서 OAuth 클라이언트 ID 를 새로 만들고, 종류는 웹 애플리케이션을 고릅니다.
• 승인된 리디렉션 URI 에 이 화면 1번 칸 맨 아래 굵은 글씨 주소를 그대로 복사해 넣습니다. 내 홈페이지 주소 뒤에 /path/sns_callback.php 가 붙은 꼴입니다(그림에서는 가려 두었습니다).
• 만들어진 클라이언트 ID 와 클라이언트 보안 비밀번호를 2번·3번 칸에 넣습니다.
• 동의 화면이 「테스트」 상태면 등록한 테스트 사용자만 로그인됩니다. 모든 손님이 쓰게 하려면 앱을 게시(프로덕션) 상태로 바꾸세요.

• 받은 값을 칸에 붙여 넣고, 1번 사용에 체크합니다.
• 사용 설정 탭의 「소셜로그인 설정 → 사용」도 켜져 있어야 단추가 나옵니다. 둘 다 켜야 합니다.
• 오른쪽 위 적용을 누릅니다.
• 로그아웃한 상태로 홈페이지 로그인 화면을 열어 동그란 구글 단추가 보이는지, 눌러서 로그인되는지 확인하세요.