SNS 설정 · 카카오 로그인

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

1. 카카오 — 「사용」에 체크하면 카카오 로그인 단추가 나옵니다. 아래에 개발자 사이트 주소(developers.kakao.com)와 카카오 쪽에 등록할 리다이렉트 URI 가 적혀 있습니다.
2. REST API KEY — 카카오 앱의 REST API 키를 넣습니다. 「사용」을 켜려면 이 칸이 꼭 있어야 합니다.
3. Client Secret — 카카오 쪽에서 Client Secret(보안 코드)을 켜 두었다면 그 값을 넣습니다. 카카오 쪽에서 쓰지 않으면 비워 두어도 됩니다.
4. 카카오 JavaScript KEY — 카카오 앱의 JavaScript 키입니다. 로그인과는 따로, 지도와 카카오톡 공유에 쓰입니다(아래 「JavaScript KEY 로 되는 것」).

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

• developers.kakao.com 에 카카오 계정으로 로그인합니다.
• 내 애플리케이션에서 앱을 새로 만듭니다. 앱 이름을 상호로 적으면 손님이 로그인할 때 그 이름이 보입니다.
• 앱의 키 정보에서 REST API 키와 JavaScript 키를 복사해 2번·4번 칸에 넣습니다.
• 카카오 로그인을 켜고, Redirect URI 에 이 화면 1번 칸 맨 아래 굵은 글씨 주소를 그대로 복사해 넣습니다. 내 홈페이지 주소 뒤에 /path/sns_callback.php 가 붙은 꼴입니다(그림에서는 가려 두었습니다).
• 동의 항목에서 닉네임·이메일 같은 정보를 받도록 켭니다. 손님이 이메일 제공에 동의하지 않으면 회원 정보에 이메일이 비어 들어옵니다.
• 보안 메뉴에서 Client Secret 을 켰다면 그 코드를 3번 칸에 넣습니다.

4번 칸은 카카오 로그인을 켜지 않아도 따로 쓸 수 있습니다. 채워 두면 아래 기능이 카카오 것으로 동작합니다.

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