프론트엔드/프론트엔드 이슈

카카오 로그인 키 해쉬 오류 해결하기

syleemomo 2023. 10. 20. 21:31
728x90

https://velog.io/@reum107/React-Native-%EC%B9%B4%EC%B9%B4%EC%98%A4-%EB%A1%9C%EA%B7%B8%EC%9D%B8-%EC%A0%95%EB%B3%B5%ED%95%98%EA%B8%B0

 

React Native | 카카오 로그인 정복하기 (feat. 발생했던 에러 포함)

초보자에게 React Native 카카오 로그인 구현이란... 끝없는 에러의 연속...?

velog.io

// 라이브러리 공식에서 설명한 키 해시 찾는 명령어 (root 폴더에서 진행)
keytool -exportcert -alias androiddebugkey -keystore ~/android/app/debug.keystore -storepass android -keypass android | openssl sha1 -binary | openssl base64

// android/app 폴더에서 아래 명령어 실행한다.
keytool -exportcert -alias androiddebugkey -keystore debug.keystore -storepass android -keypass android | openssl sha1 -binary | openssl base64

 

요 부분에서 어려움이 있었는데 라이브러리 공식에서 알려주는 방법대로 프로젝트 root 위치에서 android/app/debug.keystore의 키를 찾으려니 다른 키가 나왔다. root가 아닌 android/app 폴더에서 debug.keystore의 키 해시를 찾으니 정상적으로 동작한다!

하지만 root 폴더에서 얻은 키 해시로만 해도 카카오 로그인이 된다고 하시는 분도 계시기에 카카오 디벨로퍼 사이트에 키 해시 등록할 때 root 폴더 키 해시와 android/app 키 해시 2개를 등록해두었다.

Error: invalid android_key_hash or ios_bundle_id or web_site_url

키 해시 값을 잘못 넣어서 발생한 오류이다.
1. 키 해시 등록하기 파트에서 android/app 폴더 내에서 실행하는 명령어를 사용한 키 해시를 등록하면 에러가 사라진다.

728x90