소셜 로그인 - 카카오 (1)

아래의 링크에서 제공하는 카카오 flutter sdk를 사용하여 소셜 로그인을 구현하는 방법에 대해 정리해보겠습니다.

문서를 참고해보면

https://developers.kakao.com/docs/latest/ko/kakaologin/flutter

Kakao Developers

 

카카오에서 제공하는 SDK에서 로그인 구현 방식에는 크게 두 가지가 있는데 중간에 백엔드 서버를 거치느냐, 바로 Kakao Auth Server로 요청을 보내고 응답을 받는 식으로 처리하느냐의 차이가 있습니다.

해당 게시글에서는 따로 백엔드 서버 구현이 필요하지 않은 기본 방식으로 구현해보겠습니다.

 

---

가장 먼저 Kakao Developers에 앱을 등록해줘야하는데 아래의 단계로 진행하시면 됩니다.

접속 URL : https://developers.kakao.com

개발자 페이지 접속 > 회원가입 >상단 [로그인] 버튼 클릭 > 로그인 페이지로 이동 >

상단 내 어플리케이션 > 어플리케이션 추가하기

 

 

어플리케이션 추가를 완료한 후에는 플랫폼 등록을 해줘야합니다.

먼저 좌측 앱설정에서 플랫폼을 클릭한 뒤, 해당 게시글에서는 안드로이드 환경에서만 앱을 테스트 해볼 예정이라 안드로이드 플랫폼 등록만을 할 예정입니다. ios 개발도 kakao 문서를 참고하여 그대로 하시면 됩니다.

어쨋든 Android 플랫폼 등록을 눌러주면 

패키지명은 안드로이드 스튜디오에서  AndroidManifest.xml 파일로 이동하여

 package="com.exaple.블라블라"의 따옴표 안에 값을 참조하시면 됩니다.

 

키 해시의 경우 아래의 명령어를 터미널에서 실행해주면 되는데 keytool이 설치되어있지 않거나 환경변수 설정이 되어있지않을 경우 커멘드가 인식되지 않을 수 있습니다. 설치나 환경변수 설정 방법의 경우 타 블로그에 정리가 많이 되어있으니 참고하시면 될 것 같습니다.

keytool -exportcert -alias androiddebugkey -keystore %HOMEPATH%/.android/debug.keystore | openssl sha1 -binary | openssl base64

 

그 다음으로는

내 어플리케이션 > 제품 설정 > 카카오 로그인으로 이동 후 활성화 설정의 상태를 OFF에서 ON으로 바꿔준 후,

내 어플리케이션 > 제품 설정 > 카카오 로그인 > 동의항목 에서 소셜 로그인 시 제공 받을 사용자 정보를 설정해주면!!

kakao login API를 사용할 사전 준비가 모두 완료됩니다.

 

마지막으로 안드로이드 스튜디오 터미널에서 아래의 명령어를 실행하여 sdk를 설치해준 후

flutter pub add kakao_flutter_sdk_user
flutter pub get

아래와 같이 AndroidManifest.xml 파일에 kakao자신의 네이티브앱키를 입력해주면 

https://developers.kakao.com/docs/latest/ko/kakaologin/flutter#login-with-kakaoaccount 링크의 코드를 활용하여 카카오 로그인을 구현이 완료됩니다!