Flutter

[Flutter] #2. Firebase 구글 로그인 구현

yun.data 2025. 3. 26. 18:39

 

 

[Flutter] #1. Firebase CLI 설치 & 프로젝트 연동

1. Firebase 로그인 후 프로젝트 생성   2. Flutter 앱에 Firbase 추가추가하기 위해서는 Firebase CLI 설치 후 로그인해야 함 2-1. Firebase CLI 설치 및 로그인curl -sL https://firebase.tools | bash  2-2. 설치 확인fire

dotdata.tistory.com

 

파이어베이스 + 플러터 연동먼저 하고 진행해야 함

 

 


 

 

1. google auth 사용 설정

Firebase 사이트 - Authentication - 제공업체 구글 선택 - 사용설정 ON - 저장

 

 


2. SHA 인증서 지문 등록

// mac/linux
keytool -list -v \
-alias androiddebugkey -keystore ~/.android/debug.keystore

// window
keytool -list -v \
-alias androiddebugkey -keystore %USERPROFILE%\.android\debug.keystore

 

flutter - 콘솔 - project 경로로 이동한 뒤 위 명령어 입력

비밀번호: android 입력시 SHA1, SHA256 인증서 지문 출력됨

 

 

 


3. 디지털 지문 추가

 

Firebase 메뉴 - 프로젝트 설정(프로젝트 개요 옆 톱니바퀴) - 일반 - 내 앱 - 디지털 지문 추가

SHA1 디지털 지문 등록

 

 

 


4. 구글 로그인 라이브러리 추가

flutter pub add google_sign_in

 

 

기본 메서드 형태

Future<UserCredential> signInWithGoogle() async {
  // 인증 시작
  final GoogleSignInAccount? googleUser = await GoogleSignIn().signIn();

  // 요청 - 인증 세부 전송 가져옴
  final GoogleSignInAuthentication? googleAuth = await googleUser?.authentication;

  // 새로운 자격 증명 생성
  final credential = GoogleAuthProvider.credential(
    accessToken: googleAuth?.accessToken,
    idToken: googleAuth?.idToken,
  );

  // 로그인 후 UserCredential 반환
  return await FirebaseAuth.instance.signInWithCredential(credential);
}