Flutter 카카오 로그인 Redirect Uri KOE006 에러

Flutter
1

Flutter 를 사용해 카카오 로그인을 구현하려고 합니다.
https://dev.example.art/api/user/oauth 해당 주소로 인가 코드를 받을 수 있도록 하였고.

var redirectUri = "https://dev.example.art/api/user/oauth"
await AuthCodeClient.instance.authorizeWithTalk(
  redirectUri: '$redirectUri';
);

위와 같은 코드로 카카오톡(RedirectUri)으로 로그인 하기를 했는데
관리자 설정 이슈 (KOE006) 에러가 발생합니다.

개발자 콘솔에서도 Redirect URI 또한 추가하였습니다.
image

비즈 앱도 등록해 놓은 상태입니다.

image
위와 같이 초기화 또한 잊지않고 설정했습니다.

무엇이 문제인가요?

2 
var redirectUri = "https://dev.example.art/api/user/oauth"
String result = await AuthCodeClient.instance.authorizeWithTalk(
  redirectUri: '$redirectUri';
  clientId : '${KAKAO_REST_API_KEY}',
);

요청시에 REST API KEY를 넣어주면 됩니다.

위 사항은 해결했지만, 어떻게하면 result에 값을 받을 수 있을까요?

현재 로그인을 누르면 검은 화면인 카카오톡에 서버에서 넘겨준 값이 흰색 글씨로 나옵니다…

3

안녕하세요.

확인을 위해 앱 ID 부탁드립니다.

앱ID
https://developers.kakao.com/ 의 내 애플리케이션>앱 설정>요약 정보 : 기본정보에 있는 앱 ID
숫자로된 ID 입니다
ex) 123456

4

816331 입니다!

5

최근 로그를 보니 인가요청 - 토큰 발급 - 사용자 정보 조회 모두 정상 처리된 것으로 보이는데요.

위 사항은 해결했지만, 어떻게하면 result에 값을 받을 수 있을까요?
현재 로그인을 누르면 검은 화면인 카카오톡에 서버에서 넘겨준 값이 흰색 글씨로 나옵니다…

이부분 어떤 상황인지 캡쳐좀 부탁드려요.

6

따로 캡처를 해두지는 않았습니다만

  • 디바이스에서 카카오톡(Redirect Uri)으로 로그인하기
  • 동의 후 앞서 넘겨준 Uri 서버에서 REST API를 사용하여 토큰 발급 및 조회 후 가공된 값을 JSON 형식으로 return
  • 유저의 “카카오톡” 화면에서 앞서 uri에서 넘겨줔 JSON 형식의 문자열이 나타남 (검정 화면은 다크모드의 영향을 받은걸로 예상합니다)
  • 이후 아무런 반응이 나타나지 않아 Backpress를 하면 디바이스에서 카카오톡으로 로그인 하기 함수가 정상적으로 완료되지 않음을 알림

이러한 순서입니다.

저희 서버에서 return을 하였지만 카카오톡이 정상적으로 종료되지 않음에 대한 원인을 여쭙고싶습니다.

7

Flutter네이티브앱 개발 하시는거죠?
증상을 보니 웹방식에서만 사용하는 redirectUri를 사용하셔서 문제 발생하는 것으로 보입니다.
(웹방식에서 네이티브앱키를 사용해서 KOE006에러 발생)

redirectUri 없이 authorizeWithTalk() 호출만하시면 내부적으로 로그인 처리되니 확인 부탁드려요.

1개의 좋아요