flutter 카카오 앱에서 로그인 이슈 삽질기

error: misconfigured, error_description: invalid android_key_hash or ios_bundle_id or web_site_url

 

에러가 뜬다면 참고해보자!

 

반나절 넘게 뻘짓한것같다..

 

우선 결론부터 말하면, 

 

직접 폰 연결해서 flutter 로그 까보기!

로 해결했다.

 

우선 가이드에 나온

 

keytool을 활용해서 내 key로 확인을 해보자. 다른 사람은 잘 되나보다..

 

• 사용 중인 운영체제에 따라 다음 명령어 입력
  • Mac
    • 디버그 키 해시 
    • keytool -exportcert -alias androiddebugkey -keystore ~/.android/debug.keystore -storepass android -keypass android | openssl sha1 -binary | openssl base64
    • 릴리즈 키 해시

      keytool -exportcert -alias <RELEASE_KEY_ALIAS> -keystore <RELEASE_KEY_PATH> | openssl sha1 -binary | openssl base64

  • Windows
    • 디버그 키 해시

      keytool -exportcert -alias androiddebugkey -keystore %USERPROFILE%\.android\debug.keystore -storepass android -keypass android | openssl sha1 -binary | openssl base64

    • 릴리즈 키 해시

       keytool -exportcert -alias androiddebugkey -keystore ~/.android/debug.keystore -storepass android -keypass android | openssl sha1 -binary | openssl base64

 

2) 구글 앱서명을 확인했다. -> 그래도 안됨. ㅂㄷㅂㄷㅂㄷ

 

3)

 

그래서 결국 해결법 :

 

flutter의 main 함수에

 

import 'package:package_info_plus/package_info_plus.dart'; // 추가


  // 해시 키 출력을 위한 코드
  try {
    final packageInfo = await PackageInfo.fromPlatform();
    final String keyHash = await KakaoSdk.origin;
    print('패키지명 pleasePagkage: ${packageInfo.packageName}');
    print('카카오 키 해시 pleaseHash: $keyHash');
  } catch (e) {
    print('키 해시 출력 오류 pleaseError: $e');
  }

 

아래 로그를 찍고 , 키 해시 출력된걸 키로 등록해보니, 잘 동작한다!!

 

근데, 이건 디버깅이고...

 

실제 배포에서는 어떻게 확인하지?

 

 

-> 실 기기 폰 연결해서 ./adb 로 확인했다!! << 애뮬레이터로도 되긴할듯.

 

우선 처음 보는 입장에서는 adb가 뭔지도 모름. 

 

일단 아래 폴더 있는곳으로 가자. 

 

 ~/AppData/Local/Android/Sdk/platform-tools 로 들어가서,

 

./adb devices 를 해보자!!

 

-> 폰 연결 되면 뜨는거있음.

 

그 후 에

 

$ ./adb  logcat | findstr <찾을문자열>(여기선 pleaseHash) 을 수행하면, 내가 main에 찍었던 패키지명이나 해시 키가 잘 보인다.. ㅂㄷㅂㄷ