플러터웹에 연결된 url 변경시 카카오로그인 에러

문의 시 사용하시는 SDK 버전 정보와 플랫폼(Android / iOS) 및 디벨로퍼스 앱ID를 알려주세요.
디벨로퍼스 앱ID 895244

안녕하세요? 플러터로 안드로이드/iOS/웹을 개발하고 있습니다.
플러터웹을 기존에는 대표 도메인인 https://deepit-lab.kr 로 연동하였고, 웹에서 카카오로그인이 정상 작동하였습니다. 그런데 오늘부터 대표 도메인에는 새로 만든 랜딩페이지를 연결하고, 플러터웹은 “디핏 주식정보” 으로 옮겼습니다. 리다이렉트 URI에도 추가로 등록을 했습니다.
그런데 카카오 로그인을 시도하면, 로그인 페이지에서 곧바로 랜딩페이지로 이동하는 현상이 나타납니다.
저는 로그인을 시도한 페이지에서 로그인 처리가 완료되기를 바랍니다.
이유가 무엇일까요?

현재 앱코드는 아래와 같습니다.
Future login() async {
try {
print(‘카카오 로그인 시도 시작’);
OAuthToken? token;
if (await isKakaoTalkInstalled()) {
print(‘카카오톡 앱 설치 확인됨’);
token = await UserApi.instance.loginWithKakaoTalk();
print(‘카카오톡 로그인 성공: $token.accessToken’);
} else {
print(‘카카오톡 앱 미설치, 웹 로그인 시도’);
token = await UserApi.instance.loginWithKakaoAccount(prompts: []);
print(‘카카오계정으로 로그인 성공 $token.accessToken’);
}

혹시 예전 답변주신 아래 방식으로 앱코딩을 수정해야 할까요?

if (await isKakaoTalkInstalled()) {
try {
await AuthCodeClient.instance.authorizeWithTalk(
redirectUri: ‘${REDIRECT_URI}’,
);
} catch (error) {
print(‘카카오톡으로 로그인 실패 $error’);
}
} else {
try {
await AuthCodeClient.instance.authorize(
redirectUri: ‘${REDIRECT_URI}’,
);
} catch (error) {
print(‘카카오계정으로 로그인 실패 $error’);
}
}

안녕하세요

서버 로그를 확인해보니 redirectUri 파라미터로 ‘https://deepit-lab.kr’ 를 전달하고 있는데요, 말씀하신 내용을 보면 redirectUri 파라미터에 디팟 주식정보의 url인 'https://deepit-lab.kr/webapp’를 전달하셔야할 것 같습니다.

확인 부탁드리겠습니다

이전에는 플러터웹의 기본 도메인이 https://deepit-lab.kr 였고, 리다이렉트 url을 명시적으로 전달하지 않는 앱코드를 사용했습니다. 이제, 도메인이 디핏 주식정보 으로 변경되었으니, 같은 방식으로 즉 앱코드를 수정하지 않고 새로운 redirectUri 파라미터가 전달되도록 하려면 어떻게 해야 하는 지 궁금합니다.

적어주신 내용을 잘못 이해해서 답변을 잘못드렸네요ㅠㅠ

공유해주신 링크 접속해서 이슈 내용 확인했습니다.

await UserApi.instance.loginWithKakaoAccount(prompts: []); 를 사용해서 카카오계정 로그인을 구현했기 때문에 서비스 페이지가 아닌 별도의 팝업 혹은 탭에서 id / password 입력 페이지가 열려 로그인이 진행되어야하는데, 현재는 별도의 팝업 혹은 탭이 열리지 않고 서비스 페이지에서 redirection을 통해 id / password 입력 페이지로 이동하고 있어서 로그인을 하지 못하고 있습니다.

sdk를 초기화할 때 runApp 실행 전에 WidgetsFlutterBinding.ensureInitialized(); 가 선언되어있는지 확인 부탁드리고, 제대로 선언되어있음에도 에러가 계속 발생한다면 kakao_flutter_sdk 버전을 최신버전으로 업데이트 했을 때도 정상동작하지 않는지 확인 부탁드리겠습니다.

참고) SDK 초기화 가이드 시작하기 | Kakao Developers 시작하기