카카오 로그인 API 액세스토큰 부여 받은 거 확인 및 리다이렉트가 안 됩니다

모바일에서 크롬으로 모바일 웹을 실행시켰을 때, 로그인 클릭 이벤트 안에 넣었는데,
동의항목을 요구하는 창은 정상적으로 뜨고(주소창 - kauth.kakao.com) 뜨고,
항목을 동의하기를 누르면 리다이렉트를 원하는 화면으로 넘어가지 않고
로그인을 요구하는 초기 로그인 화면으로 이동 및
(주소창 - kapi.kakao.com)이라는 주소로 변한 뒤 리다이렉트가 안됩니다…

그리고 크롬 개발 도구에서 모바일 뷰로 띄운 뒤에는 흰색 화면의 새로운 팝업 창이 뜨고, 아래와 같은 오류가 콘솔창에 뜬 다음 긴 시간이 지난다음 가끔식 리다이렉트가 됩니다.
무엇이 문제일 까요…ㅠㅠㅠ 정말 구글링과 카카오 레퍼런스를 그렇게 참고해도 안 되서 몇 일을 헤매내요…

‘intent:#Intent;action=com.kakao.talk.intent.action.CAPRI_LOGGED_IN_ACTIVITY;launchFlags=0x08880000;S.com.kakao.sdk.talk.appKey=e8a408113292b1b1c793b6c030431b57;S.com.kakao.sdk.talk.redirectUri=http://localhost:8080/popi/page/home.html;S.com.kakao.sdk.talk.kaHeader=sdk/1.40.14%20os/javascript%20sdk_type/javascript%20lang/ko-KR%20device/Win32%20origin/http%3A%2F%2Flocalhost%3A8080;S.com.kakao.sdk.talk.extraparams=%7B%22client_id%22%3A%22e8a408113292b1b1c793b6c030431b57%22%2C%22redirect_uri%22%3A%22http%3A%2F%2Flocalhost%3A8080%2Fpopi%2Fpage%2Fhome.html%22%2C%22response_type%22%3A%22code%22%2C%22auth_tran_id%22%3A%22zaph5f7rjne8a408113292b1b1c793b6c030431b57kw4nt742%22%2C%22is_popup%22%3Atrue%7D;S.browser_fallback_url=https%3A%2F%2Fkauth.kakao.com%2Foauth%2Fauthorize%3Fclient_id%3De8a408113292b1b1c793b6c030431b57%26redirect_uri%3Dhttp%253A%252F%252Flocalhost%253A8080%252Fpopi%252Fpage%252Fhome.html%26response_type%3Dcode%26auth_tran_id%3Dzaph5f7rjne8a408113292b1b1c793b6c030431b57kw4nt742%26ka%3Dsdk%252F1.40.14%2520os%252Fjavascript%2520sdk_type%252Fjavascript%2520lang%252Fko-KR%2520device%252FWin32%2520origin%252Fhttp%25253A%25252F%25252Flocalhost%25253A8080%26is_popup%3Dfalse;end;’ because the scheme does not have a registered handler.

**그리고 이러한 오류도 뜹니다.
//20211118155408
//https://kapi.kakao.com/404.json

{
“msg”: “Not Found”,
“code”: -404
}
**

Kakao.Auth.login({

        success: function (authObj) {

            alert(JSON.stringify(authObj));

            Kakao.Auth.setAccessToken(authObj.access_token);

            Kakao.API.request({

                url: '/v2/user/me',

                success: function (result) {

                    alert(

                        JSON.stringify(result)

                    )

                },

                fail: function (error) {

                    alert(

                        'login success, but failed to request user information: ' +

                        JSON.stringify(error)

                    )

                },

            })

        },

        fail: function (err) {
            alert(JSON.stringify(err))
        },
    })

Kakao.Auth.authorize({
        redirectUri: '리다이렉트 주소'
        //여기는 잘 넘어감.
    })

안녕하세요.

JS SDK를 이용한 authorize 요청은 모바일 환경일때 인텐스 스킴으로 카카오톡 앱으로 인증요청합니다.

하지만, PC 환경 개발자 모바일모드로 테스트 하셔서 인텐스 스킴 호출했지만 에러 발생하는 상황 같아요.

실제 모바일 기기나 에뮬레이터로 모바일 테스트 부탁드려요.

크~~!! 해결되었습니다 :grinning: :grinning: :grinning: :grinning: 감사합니다~!!

1개의 좋아요