소셜 로그인이 되지 않아요
소셜 로그인이 동작하지 않을 때는 원인이 크게 두 가지예요. 설정 값이 빠졌거나, 사이트에 SSL을 설치하면서 주소가 http://에서 https://로 바뀐 뒤 서비스사 설정을 그대로 둔 경우예요.
아래 순서대로 확인해 주세요.
1단계 · 기본 설정 확인하기
1. 브라우저 주소창에 사이트주소/admin/config/oauth 를 입력해 소셜 로그인 설정 화면으로 이동해 주세요.
2. 사용 중인 소셜 로그인 항목이 '사용'으로 선택되어 있는지 확인해 주세요.
3. 각 서비스사에서 발급받은 ID와 키 값이 정확히 입력되어 있는지 확인해 주세요.
2단계 · SSL 적용 후 주소 변경하기
내 도메인에 SSL(보안서버)을 적용했다면 사이트 주소가 https://로 바뀌어요.
이때 각 소셜 로그인 서비스사에 등록된 서비스 URL과 Callback URL도 https://로 변경해 주셔야 로그인이 정상 동작해요.
네이버 아이디로 로그인(네아로)
- 네이버 개발자 센터에 로그인 합니다.
- Application 메뉴를 클릭합니다.
- 좌측 메뉴에서 내 애플리케이션 목록 중 네이버 아이디로 로그인을 사용하는 애플리케이션을 선택합니다.
- API 설정 탭으로 이동합니다.
- 스크롤을 내려 로그인 오픈 API 서비스 환경으로 이동합니다.
아래 예시 이미지처럼 서비스 URL과 네이버 아이디로 로그인 Callback URL에 있는 http:// 부분을 https:// 으로 변경합니다.
주의: Callback URL 수정 시 도메인 뒤 /oauth 를 삭제하지 않도록 주의하세요.
- 페이지 하단의 수정 버튼을 눌러 반영합니다. (네이버 정책에 따라 재심사가 필요할 수 있습니다.)
카카오 로그인
- 카카오 개발자 센터에 로그인 합니다.
- 전체 애플리케이션에서 카카오 로그인을 사용하는 항목을 클릭합니다.
- [설정 > 일반]으로 이동합니다.
- 플랫폼 항목의 웹을 클릭합니다.
사이트 도메인의 http:// 부분을 https:// 으로 수정합니다.
- 저장 버튼을 누릅니다.
Facebook 로그인
- Facebook 개발자 센터에 로그인 합니다.
- 오른쪽 상단 내 앱에서 Facebook 로그인을 사용하는 앱을 클릭합니다.
- [설정 > 기본설정]으로 이동합니다.
- 개인정보처리방침 URL, 서비스 약관 URL, 사이트 URL의 http:// 부분을 https:// 으로 수정합니다.
- [제품 > Facebook 로그인 > 설정]으로 이동합니다.
유효한 OAuth 리디렉션 URI에 http://로 시작하는 URL을 https://로 수정합니다.
주의: 삭제 후 재입력 필요. 재입력시 /oauth를 도메인 뒤에 추가해야 합니다.
페이지 하단의 변경 내용 저장 버튼을 클릭해 반영합니다.
Google 로그인
- Google 개발자 API 콘솔에 로그인 합니다.
왼쪽 API 및 서비스 메뉴에서 사용자 인증 정보를 클릭합니다.
- OAuth 2.0 클라이언트 ID의 이름을 클릭하여 수정 페이지로 진입합니다.
승인된 리디렉션 URI의 http:// 부분을 https:// 으로 수정합니다.
주의: Callback URL 수정 시 도메인 뒤 /oauth 를 삭제하지 않도록 주의하세요.
- 페이지 하단의 저장 버튼을 클릭해 반영합니다.
참고 사항
일부 SNS 업체에서 이메일을 가져오지 못해 이메일 등록 창만 표시되는 경우가 있어요. 서비스사 정책이라 아임웹에서 수정해 드리기는 어려워요.
이메일 등록 팝업이 표시되면 이메일을 다시 입력해 주시면 자동으로 가입과 로그인이 진행돼요.