인스타그램에서 인앱 인터넷으로 접속 후 카카오 로그인 에러

General / 일반
1

안드로이드나 ios나 인스타그램의 인앱 인터넷으로 https://musicbroshop.com/main/index에 접속 후 카카오톡 로그인을 시도하면
kauth.kakao.com 페이지가 먹통으로 나오며 로그인이 되지 않습니다.
카카오톡 문제 맞죠?

2

https://musicbroshop.com/ 사이트에 접속 되시나요?

3

넵 됩니다.
https://musicbroshop.com/ 사이트 안에서의 카카오톡 로그인은 잘 되는데
인스타그램 인앱 인터넷 안에서는 안되네요 ㅠㅠ

4

확인해보니 카카오 로그인 팝업방식을 사용하고 있습니다.
인스타그램 인앱브라우저는 팝업을 허용하지 않기때문에 팝업방식 로그인은 사용할 수 없습니다.

JS SDK authorize방식 또는 REST-API 방식으로 카카오 로그인처리 하셔야합니다.

(인스타그램의 팝업 비허용으로 인한 문제입니다.)

JS SDK authorize방식: JavaScript | Kakao Developers JavaScript
REST-API 방식: REST API | Kakao Developers REST API

5

아 그럼 팝업 형식이 아닌 현재창 로그인 형식으로 바꾸면 된다는 말씀이시죠?
Rest API Key 값을 입력하는 부분이 있는데 위 댓글에서 주신 링크를 참고해봐도 개발자가 아니다보니 무엇을 넣어야 하는지 이해가 되질 않습니다 ㅠㅠ
Rest API Key 를 알려 주실 수 있으실까요…?

6

Rest API Key는 찾았습니다.
이제 Redirect URI을 설정해야하는데 이 곳에 https://musicbroshop.com를 넣었습니다.
그런대도 관리자 설정 이슈 (KOE006) 가 뜨네요… 링크를 넣기만 하면 되는게 아니라 다른 작업이 필요한가요…

7

링크를 넣기만 하면 되는게 아니라 다른 작업이 필요한가요…

Redirect URI는 카카오 로그인 이후, 되돌아가 액세스토큰 발급/사용자정보조회/서비스측 회원가입 또는 로그인 처리하는 주소를 입력하셔야합니다.

웹사이트에 Redirect URI 기능이 구현이 안되었다면 개발이 필요한 부분인데요.

자체개발하신 사이트라면 개발자에게 문의하셔야하고, 쇼핑몰 솔루션을 사용하셨다면 해당 솔루션사에 문의 해보셔야 할 것 같습니다.

참고 부탁드려요.