SSL 사용 시 https 적용 후 SNS 로그인이 되지 않아요.

쇼핑몰 보안 설정(SSL)을 적용한 경우 각 매체사에서는 https 주소를 기존 주소(http)와 별도로 간주하기 때문에 매체사별로 Callback URL 추가 설정이 필요해요.

자세히 알아보기

매체사별 추가 설정 방법

네이버

네이버 개발자센터로 이동해주세요. 네이버 개발자센터 연결
네이버 연동 시 사용했던 계정으로 로그인해주세요
위쪽 메뉴 중 'Application > 내 애플리케이션'에서 변경이 필요한 앱(카페24 쇼핑몰)을 선택하여 수정 화면으로 이동하세요.
API 설정 탭에서 '로그인 오픈 API 서비스 환경' 항목을 수정하고 변경 내용을 저장해 주세요
- 기존에 등록되어있던 http 주소는 그대로 두고, https 주소를 추가해 주시면 돼요.

페이스북
※ 페이스북은 정책이 변경되어 http 형태의 사이트는 신규 연동이 불가해요.

페이스북 개발자센터로 이동해주세요. 페이스북 개발자센터 연결
페이스북 연동 시 사용했던 계정으로 로그인해주세요.
변경이 필요한 앱(카페24 쇼핑몰)을 선택하고, 왼쪽 메뉴 중 'Facebook 로그인 > 설정' 화면으로 이동해요.
'클라이언트 OAuth 설정' 중, '유효한 OAuth 리디렉션 URI(Valid OAuth Redirect URIs)' 항목을 수정하고 변경 내용을 저장해주세요.
- URL 중 http:// 부분을 → https:// 로 수정해주시면 돼요.

라인

라인 개발자센터로 이동해주세요. 라인 개발자센터 연결
기존의 라인 계정으로 로그인 후, 왼쪽 Providers에서 사용 중인 Provider를 선택하세요.
등록한 LINE Login앱(Channel)을 선택 후 'App settings(탭)'으로 이동해주세요.
'Callback URL' 항목을 수정하고 'Update' 버튼을 클릭하시면 돼요.
- 기존에 등록되어있던 http 주소는 그대로 두고, https 주소를 추가해 주시면 돼요.

구글

구글 개발자센터로 이동해주세요. 구글 개발자센터 연결
구글 연동 시 사용했던 계정으로 로그인해주세요.
왼쪽 메뉴 중 '사용자 인증정보' 화면에서 변경이 필요한 앱(카페24 쇼핑몰)을 선택하여 수정화면으로 이동해주세요.
'승인된 자바스크립트 원본', '승인된 리디렉션 URI' 항목을 수정하고 변경 내용을 저장하면 돼요.
- 기존에 등록되어있던 http 주소는 그대로 두고, https 주소를 추가해 주시면 돼요.

카카오

카카오 개발자센터로 이동해주세요. 카카오 개발자센터 연결
카카오 연동 시 사용했던 계정으로 로그인해주세요.
위쪽 메뉴 중 '설정 > 일반'에서 변경이 필요한 앱(카페24 쇼핑몰)을 선택하여 수정화면으로 이동해주세요.
기존에 등록되어있던 http 주소는 그대로 두고, https 주소를 추가하고 '저장' 버튼을 클릭해주세요.
'설정 > 사용자 관리'로 이동하여 '로그인 Redirect URL 항목' 각 URL 뒤에 아래의 경로를 추가해주시고 완료되면 '저장' 버튼을 클릭해주세요. ( URL을 더블 클릭하면 수정할 수 있어요)
- 추가할 경로 예시 : https://(도메인정보)/Api/Member/Oauth2ClientCallback/kakao/

Note - https 변경 전 주의사항

http와 https는 별도의 사이트로 간주하기 때문에 https 설정 적용 시
포털사이트와 배너 등의 링크가 기존 http 주소로 연결되어 있었다면 영향이 있을 수 있어요.
(신규 쇼핑몰 또한 차후 광고 진행 시 문제가 발생할 가능성이 있어요.)
광고나 외부 연결 주소 등에도 https로 등록해주시고, 사이트 내 http로 고정된 게 없도록 신경 써주세요.

연관 콘텐츠

이 페이지가 도움이 되었나요?

현재 콘텐츠