페이스북 연동 계정 로그인 안 되는 문제 해결, currently unavailable

페이스북 연동 계정 로그인 안 되는 문제 해결, currently unavailable

여러 사이트를 방문합니다. 보시면 가입할 때 새로 아이디와 비밀번호를 설정하기 귀찮아서, 자주 사용을 하는 네이버, 카카오, 페이스북, 트위터, 인스타그램 등의 SNS 계정과 연동하여 손쉽게 로그인할 수가 있습니다. 그러나 어떤 경우, 갑자기 로그인이 안 될 때가 있습니다. 바로 FACEBOOK으로 계속 버튼이 활성화가 안 되어 있는 상태일 때입니다. 오늘은 이 굴곡없는 페이스북 로그인 오류 이슈를 해결하는 내용입니다. 광고 예방 프로그램을 OFF 하여 주시면 좋은 콘텐츠를 만드는 데 있어 많은 힘이 됩니다.

오늘 예제로 로그인할 웹페이지는 GOG.com 게임 판매 사이트입니다. 핼로윈 데이 Halloween day나 크리스마스 같은 기념일을 비롯하여 여러 재미있고 인기 있는 게임을 한번은 비용 없이 받을 수 있는 이벤트가 열리기도 합니다.

페이스북 통합 계정 로그인 불가 문제 해결

페이스북 로그인을 통한 계정에 액세스하는 데 문제가 있다면야 아래의 차례대로 시도해 봅니다. 1. GOG.com 웹사이트로 접속하여, 로그인 창을 띄웁니다. 로그인 불가 사이트에서 로그인 화면으로 이동 2. 비밀번호 재설정을 클릭합니다. Password reset을 클릭하시면 됩니다. 3. ACCOUNT 창이 나타나고, 이메일을 기합니다. 여기서 이메일 주소는 페이스북에서 사용하던 계정입니다.

아래에 있는 Im not a robot을 체크한 후, 단어에 맞는 사진을 선택하여 로봇이 아님의 확인 과정을 거칩니다. 일련의 과정을 거친 다음, GET NEW PASSWORD (새로운 비밀번호 얻기) 버튼을 누릅니다. 4. 페이스북 계정의 이메일 주소로 비밀번호 재설정 방법이 담긴 메일을 보냈다는 창이 나타납니다.

SDK RestAPI 차이

SDK와 RestAPI 방식의 차이는 첫번째 처리하는 장소 두번째 범용성 이 두가지를 뽑을 수 있겠다. SDK는 보통 client단에서 요청 응답이 진행됩니다. rest api보다. 코드 진행이 단순하지만 복수의 클라이언트가 고유한 서버를 공유할 경우 최소한 고객 수 만큼의 코드 처리가 필요합니다. 또한 안드로이드버전이나 자바스크립트 버전을 쓸 경우 코드 진행도 전혀 달라 서로 호환이 불가능하다는 게 단점입니다.

반대로 RestAPI 방식은 Server에서 코드 처리가 가능합니다. 그렇다보니 복수의 client가 서버에 있는 고유한 코드에 요청만 하면 되므로 훨씬 효율적이라 할 수 있어요.

FACEBOOK 앱 통합 로그인 갱신으로 문제 해결

1. 페이스북을 엽니다. 설명하는 기준은 모바일 전화가 아닌 PC 화면이오니, 착오 없기를 바랍니다. 2. 우측 상단에 있는 프로필 이미지를 클릭한 후, 설정 및 개인정보를 클릭합니다. 그리고 톱니바퀴 모양의 설정을 클릭합니다. 3. 좌측에 설정 및 개인정보 메뉴가 나타나고, 아래쪽에 있는 앱 및 웹사이트를 클릭합니다. 4. 페이스북과 연동되어 있는 앱들이 주르르 나타납니다.

로그인하고 싶은 애플리케이을 찾아 만료됨이라고 나와 있는지 확인합니다. 오늘 예시 사이트인 GOG.com은 만료됨이라고 나와 있습니다. 일정 기간 로그인을 하지 않으면 만료 처리가 되는 것 같습니다. 이를 갱신하기 위하여 조회 및 수정을 클릭합니다. 5. 갱신 버튼을 클릭합니다. 바로 만료됨 상태에서 활성으로 바뀝니다.

2 카카오 Developers 활성화 설정

카카오 개발자센터에서 앱을 등록하셔야 합니다. 앱을 등록하고 나면 다음과 같은 화면이 나오는데요, 여기서 REST API 키를 저장해둡시다. 이후 카카오 로그인 rarr 활성화 설정의 상태를 ON으로 바꿔주시고, Redirect URL을 Supabase Kakao 아코디언에서 복사한 callback URL을 등록해주시면 됩니다.

3카카오 앱 동의항목 설정

이후 동의항목을 설정해 주어야 합니다. 이전에 개인정보동의사항 검토 신청을 첫번째 해주어야하는데요. 설명에는 사업자 정보를 등록하라고 되어있지만, 사업자 정보등록 안해도 됩니다 첫번째 아래 개인정보 동의항목 검토 신청을 클릭합니다. 이후 비즈앱 전환 rarr 앱 아이콘 등록 순으로 들어가서 대표 이미지를 아무거나 등록해줍시다. 저는 인터넷에 저화질 사진 하나를 받아서 등록했습니다. 등록을 하게 되면 개인 개발자 비즈 앱 전환 항목이 생성됩니다.

저는 인증 로그인 단계에서 이메일이 필요하기 때문에 이메일 필수 동의로 설정하신 후 전환 버튼을 눌러주시면 됩니다. 비즈앱으로 전환하기 과거에는 카카오 계정 부분은 권한 없음 이었지만 비즈앱으로 전환 하고 활성화 된 것을 확인하실 수 있습니다.

번외 자바스크립트 SDK 사용하기

자바스크립트 SDK를 사용할 경우 파일을 참고하면 됩니다. 나는 처음에 이 방식으로 구현했는데 이렇게 처리할 경우 KakaoTalk이라는 한 단계를 더 거쳐야 하기 때문에 좀 더 간편한 REST API 방식으로 교체하게 되었습니다. 교체하기 전까지의 코드를 조금 남겨봅니다.

index.html 파일의 에 아래의 script를 추가해 SDK를 설치합니다. Kakao.init()에 들어갈 자바스크립트 키는 내 애플리케이션의 앱 키에서 가져오면 됩니다.

loginForm.jsp

자신의 클라이언트키와 콜백주소를 넣어줍니다. 동의하고 계속하기를 클릭하시면 에러페이지와 함께 쿼리스트링으로 인증코드를 받게 됩니다.

자주 묻는 질문