Kakao picker 사용시, 이슈가 있습니다

react에서 CDN방식으로 JS SDK 사용중 입니다.
import한 lib url은 https://developers.kakao.com/sdk/js/kakao.js입니다.

kakao picker api 호출시,
“이용 중인 서비스로 돌아가서 재인증 후 시도해주세요.”
라는 문구가 표출되고 다음으로 넘어가지 않는 상태 입니다.

팀 관리자 계정으로 kakao picker 테스트 중에 있습니다.

app ID : 922514

1개의 좋아요

JS SDK에 액세스 토큰 설정하셨을까요?

Kakao.Auth.setAccessToken(token);

아래 내용도 참고 해보시면 좋을 것같습니다.

Kakao Developers

js sdk로 로그인한 상태입니다.
다른 sdk를 사용해 봤을때 잘 사용되는것을 확인했는데 picker만 안되는것으로 보입니다.
말씀하신 코드 추가해봤는데 해결되지 않았습니다.

다음 코드를 실행했을 때는 로그인한 사용자가 동의한 scope를 잘 가지고 오는것으로 확인했습니다.
그래도 access token을 세팅해 주어야할까요?

    window.Kakao.API.request({
        url: '/v2/user/scopes',
    }).then(response => {
        console.log(response);
    }).catch(error => {
        console.log(error);
    });

js sdk로 로그인한 상태입니다.

로그인 시, 어떤함수를 사용하셨나요?
콘솔에서 아래 함수 실행해서 액세스 토큰 반환되는지 확인 부탁드려요.


Kakao.Auth.getAccessToken()

login 함수 및 사용 로직 공유드립니다.
엑세스 토큰 전달받은거 console에서 확인하였습니다.

window.Kakao.Auth.login({
success: (response) => {
this.props.authStore.doLogin(“KAKAO”, response);
},
fail: (error) => {
alert(JSON.stringify(error));
},
});

카카오 서비스 내 친구목록(프로필사진, 닉네임, 즐겨찾기 포함) friends 동의항목 동의하셨나요?

앱유저ID 알려주시겠어요?

kakao developer service 에 application 세팅할때 이용중 동의설정해 두었습니다.
이용중 동의로 설정했다면, 사용자 계정으로 해당 api 최초 호출시 동의화면이 뜨는것으로 이해했습니다.

앱 유저아이디는 2828044484입니다.

friends 동의항목에 동의가 안되었네요.

연결끊기하고 동의창 다시 띄워 동의하시거나
추가항목 동의 받기로 동의받아 다시 받은 액세스 토큰으로 시도 해보시겠어요?

REST API | Kakao Developers REST API

지금 https url이 없어서 연결 끊기가 불가한것으로 보입니다.
url 등록없이 연결끊기가 가능한 방법이 있는지 문의 드립니다.

추가 권한 얻었습니다.
말씀하신대로 진행하여 해당 이슈는 처리 하였습니다.
친절한 지원 감사드립니다.

추가 이슈 공유 드립니다.
kakao developers service에 나와있는대로 테스트 코드 작성하였습니다.
근데 response를 받아오는데 이슈가 있는것으로 확인됩니다.
원인은 .then 부분에서 kakao.picker.selectFriends의 return을 undifind로 인지합니다.
코드 공유 드립니다.

Kakao.Picker.selectFriends({
title: ‘친구 선택’,
maxPickableCount: 10,
minPickableCount: 1,
})
.then(function(response) {
console.log(response);
})
.catch(function(error) {
console.log(error);
});

로그를 보니 응답은 잘 전달되었고 922514 앱에 카카오 로그인으로 연결된 카카오톡 친구가 없네요.

undifind로 인식한다는 것은
then 절 콘솔로그에 response가 undifind라는 말씀이신가요?

아니요. console log는 아예 찍히지도 않습니다.
.then 절에서 이슈가 발생하는 이유는 undifind.then으로 인지되어서 그런것으로 보입니다.

확인가능한 사이트 주소있나요?

import한 lib url은 https://developers.kakao.com/sdk/js/kakao.js입니다 .

레거시 SDK는 프로미스로 반환하지 않습니다.

가이드 참고해주시고

Kakao Developers

프로미스 사용하시려면 최신버전 sdk 사용하시면됩니다.

JavaScript | Kakao Developers JavaScript

넵. 최신버전으로 테스트해보겠습니다.
감사합니다.

1개의 좋아요

최신버전 sdk는 Kakao.Auth.login api가 사라진 것으로 보입니다.

Kakao.Auth.authorize로 대체된 것일까요??

redirect 방식말고 return 방식으로 access_token을 전달받는 방법은 사라진 것인지 문의 드립니다.

최신버전 sdk는 Kakao.Auth.login api가 사라진 것으로 보입니다.

네, 최신 버전부터는 보안 강화를 목적으로 팝업방식 로그인을 더이상 지원하지 않습니다.

Kakao.Auth.authorize로 대체된 것일까요??
redirect 방식말고 return 방식으로 access_token을 전달받는 방법은 사라진 것인지 문의 드립니다.

대체된 것은 아니고 리다이렉트 처리 해야하는 authorize 함수 하나만 제공하게되었습니다.
아래와 같이 피커 사용전 액세스 토큰 세팅 후, 사용 부탁드립니다.