아임웹 팁&테크

다양한 활용법, 최신 기능을 알고 싶을 땐 아임웹 팁&테크

사이트 관리잘 작동하던 소셜 로그인이 어느 날 갑자기 말썽이라면?


시작에 앞서

아임웹 사용자 분들 중 운영 초반 종종 겪으시는 문제 중 하나는, 잘 작동하던 '소셜 로그인'이 어느 날 갑자기 오류를 일으키며 작동하지 않는 현상입니다. 일반적으로 '소셜 로그인' 설정 이후 SSL 보안서버를 설정하신 경우가 많은데요.



SSL 보안서버를 사용하게 되시는 경우 기존에 입력하셨던 소셜 로그인의 서비스 URLCallback URL을 반드시 HTTP에서 HTTPS로 수정해주셔야 합니다.


네이버 소셜 로그인을 기준으로 좀 더 자세히 알아볼까요?


*카카오, 페이스북, 구글의 경우 각 사이트별로 그 과정이 조금씩 다를 수 있습니다.
*단, 서비스 URL 및 Callback URL을 http에서 https로 바꿔야 하는 건 모두 같습니다.
*페이스북 로그인을 사용하시려면 반드시 SSL을 설치하도록 페이스북 정책이 변경되었음을 알려드립니다.





1단계, SSL인증서 설치 여부 확인하기

먼저 아임웹 관리자 메뉴에서 내 사이트에 SSL보안서버가 설정 되었는지 확인해야 합니다. [환경설정 - SSL 구입 및 설정]을 클릭하고, 아래 이미지처럼 되어 있는지 확인해주세요. [만료일] 확인 후 맞는 경우 다음 단계로 넘어갑니다.




2단계, 네이버 개발자 센터 접속하기

네이버 개발자 센터(링크)에 접속합니다. *구글 및 네이버에서 검색하여 접속할 수도 있습니다.




3단계, 내 애플리케이션 메뉴로 이동하기

로그인 후 상단 메뉴에서 [Application - 내 애플리케이션] 메뉴를 클릭합니다.




4단계, 내 애플리케이션 선택하기

이미 네이버 로그인 설정을 해두셨다면 아래 그림처럼 좌측 [내 애플리케이션] 목록에 앱이 있을 것입니다. 제 경우는 [아임웹캠퍼스]라고 되어 있네요.

*여러 개 있는 경우 아임웹 소셜 로그인으로 설정해둔 애플리케이션을 선택합니다.




5단계, API 설정으로 이동하기

애플리케이션을 선택하면 우측에 개요, API 설정, 멤버관리 등 메뉴가 나타납니다. 그중 [API 설정]을 클릭합니다.




6단계, URL 및 Callback URL 변경하기

API 설정 메뉴 아래로 스크롤하면 다음 그림처럼 [서비스 URL] 및 [Callback URL]을 입력할 수 있는 칸이 있습니다. 아래 그림을 참조하셔서 기존 http라고 입력되어 있던 것을 https로 바꿔주세요.




7단계, 수정 버튼 클릭하고 마무리하기

서비스 URL 및 Callback URL 입력을 마쳤다면, 나머지 주소가 틀리지 않았는지 다시 한 번 확인하고 [수정]을 클릭해 마무리합니다. :) 이제 소셜 로그인이 정상 작동하는지 확인해보세요.

캠퍼스 뉴스레터 구독하기

아임웹캠퍼스 뉴스레터를 구독하고 유용한 비즈니스 팁 및 교육정보를 받아보세요.