카카오톡 로그인을 구현하는 중입니다.
아래 데모 페이지에 앱키를 넣어 발급받는 토큰은 정상작동하는 것을 확인했습니다.
다만 로컬 구성에서 sdk를 이용하여 authorize를 진행할경우 토큰은 발급되지만 정상적으로 작동하지 습니다.
로컬환경은 vue로 구성되었으며 다음과 같이 호출합니다.
kakaoLogin() {
Kakao.Auth.authorize({})
.then((res) => {
console.log(res);
this.token = res.code;
Kakao.Auth.setAccessToken( this.token);
this.getKakaoInfo();
})
.catch((err) => {
console.log(err);
});
},
getKakaoInfo() {
Kakao.API.request({
url: "/v2/user/me",
})
.then((res) => {
console.log(res);
})
.catch((err) => {
console.log(err);
});
},
안녕하세요.
확인을 위해 앱 ID 부탁드립니다.
앱ID
https://developers.kakao.com/ 의 내 애플리케이션>앱 설정>요약 정보 : 기본정보에 있는 앱 ID
숫자로된 ID 입니다
ex) 123456
안녕하세요.
마지막 테스트 로그를 확인해보니 redirect_uri를 https://developers.kakao.com/tool/demo/oauth
로 사용하고 있습니다.
인가코드 요청은 앱 809449으로 진행하시고 접근토큰 발급은 디벨로퍼스 샘플앱의 redirect_uri로 사용하셨는데요 때문에 로그상에서는 정상동작할 수 없는 요청으로 확인됩니다.
앱 809449 에서 접근토큰 발급 호출 이력이 전혀 없는것으로 보아 redirect_uri 처리를 하지 않거나 잘못 호출하고 계신것으로 보입니다. 서비스측 코드를 확인 부탁드립니다.
redirect_uri로 http://192.168.200.182/oauth 경로를 추가하고 해당 경로에서 토큰을 확인 하여도 똑같은 오류가 발생합니다.
계정 연결까지 잘 불러 와져 호출 과정에서 문제가 없다 생각합니다. 어떤 점이 문제가 될까요?
kakaoLogin() {
Kakao.Auth.authorize({
redirectUri: "http://192.168.200.182/oauth",
state: "login",
});
}
안녕하세요.
redirectUri로부터 접근토큰 발급 시도가 확인되지 않는데요
토큰 발급이 진행되지 않고 있는것으로 보입니다.
백앤드 구현내용을 확인 부탁드립니다.