플러터 앱에서 카카오톡으로 로그인이 안됩니다

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

웹브라우저에서는 카카오톡으로 로그인 잘 사용중이었고, Flutter 로 웹뷰 앱을 만들었습니다.
웹뷰앱에서는 카카오톡으로 로그인 하기가 안보이고, 카카오 로그인화면만 뜹니다.

Redirect URI 은 등록되어 있어서 웹브라우저에서는 잘 동작하는 url 입니다.

ios 에서는 info.plist 파일에 리다이렉트 url 입력해줬고
kakaoAuthRedirectUri
https://10xmedia.co.kr/?action=cosmosfarm_members_social_login_callback_kakao

안드로이드에는 AndroidManifest.xml 에 리다이렉트 url을 메타데이터로 등록해줬습니다.

혹시 몰라서 strings.xml 에도 리디렉션 URI 값 넣어줬구요.
https://10xmedia.co.kr/?action=cosmosfarm_members_social_login_callback_kakao

이상태로 카카오 로그인을 할려고 하면 카카오톡이 열리는게 아니라 카카오 계정을 직접 입력해야 하는 페이지가 나옵니다.

또 다른 시도는 네이티브 앱으로 로그인 하는 방식도 시도해봤습니다.
플랫폼에 안드로이드, ios 둘다 등록해놨습니다.

pubspec.yaml → dependencies 에
kakao_flutter_sdk: ^1.4.2 의존성 추가했고,
main.dart 에 import 추가

import ‘package:kakao_flutter_sdk/kakao_flutter_sdk.dart’;

void main() async {
KakaoSdk.init(nativeAppKey: ‘카카오 디벨로퍼에서 발급 받은 앱키 입력’);
}

Future loginWithKakao() async {
try {
if (await isKakaoTalkInstalled()) {
print(‘카카오톡 앱이 설치되어 있습니다.’);
await loginWithKakaoTalk();
} else {
print(‘카카오톡 앱이 설치되어 있지 않습니다.’);
await loginWithKakaoAccount();
}
} catch (error) {
print(‘카카오 로그인 에러: $error’);
}
}

Future loginWithKakaoTalk() async {
try {
OAuthToken token = await UserApi.instance.loginWithKakaoTalk();
print(‘카카오톡으로 로그인 성공, 토큰: ${token.accessToken}’);
} catch (error) {
print(‘카카오톡으로 로그인 실패: $error’);
}
}

카카오톡 앱이 설치되어 있습니다. 로그만 뜨고 카카오톡으로 로그인 성공, 카카오톡으로 로그인 실패 어떤 로그도 출력되지 않고, 카카오톡이 열리고 앱으로 돌아오면 로그인은 되지 않습니다.

플러터로만든 웹뷰 앱에서는 웹방식 로그인을 해야되는건지, 네이티브 앱으로 로그인 해야하는건지 잘 모르겠고
두 방법 모두 안되는데 도움이 필요합니다.

웹뷰앱에서는 카카오톡으로 로그인 하기가 안보이고, 카카오 로그인화면만 뜹니다.
이상태로 카카오 로그인을 할려고 하면 카카오톡이 열리는게 아니라 카카오 계정을 직접 입력해야 하는 페이지가 나옵니다.

앱내 인앱브라우저에서는 카카오톡으로 로그인 버튼을 제공하지 않습니다.

참고. 모바일웹에서 "카카오톡으로 로그인" 버튼은 언제 표시될까?

인앱브라우저에서 카카오톡으로 간편로그인 하려면, JS SDK Kakao.Auth.authorize() 로 처리하시면됩니다. (인가코드 요청만 스크립트로 할뿐 리다이렉트 URI부터 동작은 같습니다.)

네이티브 앱으로 로그인 하는 방식도 시도해봤습니다.
카카오톡 앱이 설치되어 있습니다. 로그만 뜨고 카카오톡으로 로그인 성공, 카카오톡으로 로그인 실패 어떤 로그도 출력되지 않고, 카카오톡이 열리고 앱으로 돌아오면 로그인은 되지 않습니다.

카카오톡으로 로그인 후, 개발하신 앱으로 되돌아가려면

커스텀 URL 스킴 설정이 필요합니다.