소셜 로그인 키는 어디서 받아서 어디에 넣나요?

세 곳 모두 각자의 개발자 콘솔에서 앱을 만들고 키를 발급받아 설정 → 소셜 로그인 에 넣으시면 돼요. 요구하는 키의 종류가 제공자마다 달라요.

카카오 — REST API 키예요

⚠ 카카오 개발자 콘솔의 앱 키 화면에는 여러 키가 나란히 있는데, 넣어야 하는 것은 REST API 키예요. JavaScript 키가 아니에요. 로그인 이동과 토큰 발급에 같은 키를 써요.

Client Secret 은 카카오 콘솔에서 그 기능을 켠 앱만 필요해요. 켜지 않았다면 비워 두세요. 그리고 카카오 콘솔의 Redirect URI 에 {스토어주소}/auth/callback/kakao 를 등록해야 해요.

네이버 — Client ID 만

네이버는 브라우저가 토큰을 직접 받아 오는 방식이라 Client Secret 을 쓰지 않아요. Client ID 만 넣으시고, 네이버 개발자 센터의 Callback URL 에 {스토어주소}/auth/callback/naver 를 등록하세요.

구글 — Client ID 만, 콜백 주소는 없어요

구글 로그인은 팝업으로 열려 리디렉션 주소 자체가 없어요. Client ID 만 넣으시고, 구글 클라우드 콘솔에서는 Redirect URI 가 아니라 “승인된 JavaScript 원본” 에 스토어 주소를 등록하세요. 여기에도 Client Secret 은 쓰지 않아요.

먼저 발행해야 등록할 주소가 생겨요

위 등록 주소는 모두 스토어 주소를 바탕으로 만들어져요. 아직 발행하지 않았다면 주소가 없어 콘솔에 넣을 값도 나오지 않으니, 발행을 먼저 하세요. 키를 저장한 제공자만 손님 로그인 화면에 버튼으로 나오고, 하나도 없으면 이메일 로그인만 보여요.

연결 해제는 잠시 끄는 스위치가 아니에요

연결을 해제하면 저장돼 있던 키와 시크릿이 함께 사라져요. 다시 쓰려면 콘솔에서 값을 가져와 처음부터 다시 넣어야 하니, 잠깐 감추려는 용도로는 쓰지 마세요.