본문 바로가기
개발/Firebase

Flutter Firebase Kakao login

by dev_caleb 2022. 2. 15.
728x90

Flutter firebase kakao login 을 구현하기 위해서 우선 

 

kakao login을 flutter에 넣었다

https://pub.dev/packages/kakao_flutter_sdk

 

kakao_flutter_sdk | Flutter Package

A flutter plugin for Kakao API, which supports Kakao login, KakaoLink, User API, KakaoTalk API, KakaoStory API, and Push API.

pub.dev

어차피 카카오링크 등 카카오의 다른 기능도 사용할 수도 있기 때문에 해당 sdk를 넣었다(사실 예전부터 사용해서 쓰기 편했던 것도 있음)

 

카카오, 네이버로 로그인 등은 대게 OAuth2.0 방식을 사용하는데, 해당 방식과 Firebase 연동방식을 설명하는 동영상이 있었다.

https://www.youtube.com/watch?v=HRF1CPWyfxs&t=1s 

 

다시 돌아와서 pub.dev 의 flutter kakao sdk에 있는 설정들을 해준 뒤에 document를 참조하여 토큰 값을 받아온다.

String authCode='';
final installed = await isKakaoTalkInstalled();
OAuthToken token  = installed ? await UserApi.instance.loginWithKakaoTalk() : await UserApi.instance.loginWithKakaoAccount();
var tokenmap = token.toJson();
if(tokenmap['access_token']!=null){

 

token.toString에서 token에 accessToken 이 있음을 확인한다. 

Firebase function 설정을 완료한 경우 아래의 블로그를 통해서 함수를 추가해 줄 수 있었다.

 

https://funncy.github.io/flutter/2021/06/01/kakao-custom-token/

 

[Flutter] - Kakao Custom Token by Firebase Cloud Function

이번에 앱을 개발하다가 kakao login과 firebase auth를 연동해야했다.

funncy.github.io

 

728x90

'개발 > Firebase' 카테고리의 다른 글

Firebase Function 으로 네이버 로그인 하기  (0) 2022.02.17
Firebase dynamic link  (0) 2022.02.15
Infinite Scroll Firebase  (0) 2022.01.30
Firebase function - 태그 더하기  (0) 2022.01.27
Javascript 해시 태그 정규식  (0) 2022.01.25