시작에 앞서
아임웹 사용자 분들 중 운영 초반 종종 겪으시는 문제 중 하나는, 잘 작동하던 '소셜 로그인'이 어느 날 갑자기 오류를 일으키며 작동하지 않는 현상입니다. 일반적으로 '소셜 로그인' 설정 이후 SSL 보안서버를 설정하신 경우가 많은데요.
SSL 보안서버를 사용하게 되시는 경우 기존에 입력하셨던 소셜 로그인의 서비스 URL 및 Callback 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 입력을 마쳤다면, 나머지 주소가 틀리지 않았는지 다시 한 번 확인하고 [수정]을 클릭해 마무리합니다. :) 이제 소셜 로그인이 정상 작동하는지 확인해보세요.
시작에 앞서
아임웹 사용자 분들 중 운영 초반 종종 겪으시는 문제 중 하나는, 잘 작동하던 '소셜 로그인'이 어느 날 갑자기 오류를 일으키며 작동하지 않는 현상입니다. 일반적으로 '소셜 로그인' 설정 이후 SSL 보안서버를 설정하신 경우가 많은데요.
SSL 보안서버를 사용하게 되시는 경우 기존에 입력하셨던 소셜 로그인의 서비스 URL 및 Callback 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 입력을 마쳤다면, 나머지 주소가 틀리지 않았는지 다시 한 번 확인하고 [수정]을 클릭해 마무리합니다. :) 이제 소셜 로그인이 정상 작동하는지 확인해보세요.