카카오 로그인(간편 로그인)이 동작하지 않는 이슈에 대한 문의입니다

  • 앱 아이디(app ID): 158527
  • 호스팅 사: 자체 서비스
  • 서비스 URL : https://jc-mall.com/
  • 오류 내용 :
    쇼핑몰에서 카카오 로그인(간편 로그인)을 사용중에 있습니다.
    '비즈 앱’으로 전환 후 로그인 동의 항목에서 '프로필 정보(닉네임/프로필 사진)'와 '카카오계정(이메일)'을 로그인 후 사이트 이용 목적으로 수집을 하고 있습니다.

참고로 플랫폼 설정 메뉴에서 'Web 사이트 도메인’과 'Redirect URI’도 설정되어 있는 상황입니다.

다만, 아래와 같이 로그인 최종 확인 창 이후 Redirect URI쪽으로 통신이 이루어지지 않고 있는 상황입니다.

저번 주까지만 해도 정상적으로 서비스 이용이 가능했는데, 이에 대한 이슈 확인이 가능할까요?

[코드 - 카카오 로그인 버튼 클릭 이벤트 소스코드(Javascript)]

<script src="https://developers.kakao.com/sdk/js/kakao.min.js"></script>
    <div class="kakao"><a href="javascript:loginWithKakao();">카카오톡 로그인</a></div>
    <script>
    // 사용할 앱의 Javascript 키를 설정해 주세요.
    Kakao.init('{Javascript Key}');

    function loginWithKakao() {
        Kakao.Auth.login({
            success: function (authObj) {
                // 로그인 성공시 API를 호출합니다.
                Kakao.API.request({
                    url: '/v2/user/me',
                    success: function (res) {
                        $.post("../oauth/kakao/kklogin_process.php", {
                            "userid": res.id,
                            "useremail": res.properties.eamil,
                            "username": res.properties.nickname
                        },
                        function (responsephp) {
                            //로그인 처리 후 해당 웹페이지를 갱신 시키기 위해 호출.
                            location.replace('{이동할 페이지 URL}');
                        });
                    },
                    fail: function (error) {
                        alert("로그인 실패");
                    }
                });
            },
            fail: function (err) {
                alert("로그인 에러");
            }
        });
    };
</script>

[Chrome 브라우우저 개발자도구 Console 로그]
Error: {“code”:-32099,“message”:“Illegal argument for "url" in API.request”}

(1) 캡쳐해주신 로그인 화면은 Redirect URI가 없는 팝업방식 로그인이고

ㄴ Kakao.Auth.login() 함수 사용

(2) https://jc-mall.com/ 사이트는 리다이렉트 URI 를 카카오 디벨로퍼스 데모 주소를 사용하고 있습니다.

ㄴ Kakao.Auth.authorize() 함수 사용

https://developers.kakao.com/tool/demo/oauth

카카오 로그인 버튼에 올바른 Redirect URI를 설정해주세요.

1개의 좋아요

네, 해당 사이트가 옛 방식인 v1 버전 기준으로 코드가 짜여져 있는 것 같아 가이드문서 참고하여 v2 버전으로 변경중에 있습니다.
추가적인 문의는 다른 포럼에 다루도록 하겠습니다.
감사합니다.

1개의 좋아요