Flutter Web Firebase Auth연동

Flutter 테크

Flutter Web Firebase Auth연동

데부장 2024. 7. 8. 23:08

1. Firebase기본연동이 완료된 상태에서 탭 메뉴에서 "빌드" -> "Authentication"선택

2. 기본적인 "이메일/비밀번호"선택 후 사용설정 후 저장 클릭

3. Firebase Auth패키지 설치(https://pub.dev/packages/firebase_auth/install)

firebase_auth: ^5.1.1

4. Flutter 프로젝트의 web/index.html 열기

5. 하단의 <body>태그 밑에 아래의 스니펫 추가

<!-- Firebase 구성 스니펫 -->
<script src="https://www.gstatic.com/firebasejs/8.6.1/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.6.1/firebase-firestore.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.6.1/firebase-analytics.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.6.1/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.6.1/firebase-functions.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.6.1/firebase-messaging.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.6.1/firebase-storage.js"></script>

6. 배포 후 확인

7. 활용 예시 코드

// 비밀번호 재설정 메일 전송
Future<List> sendResetPasswordEmail(String email) async {
  try {
    await FirebaseAuth.instance.setLanguageCode("ko");  //언어 설정
    await FirebaseAuth.instance.sendPasswordResetEmail(email: email);
    return [true];
  } catch(e) {
    print('error sendResetPasswordEmail : ${e}');
    return [false, '${e}'];
  }
}

// 로그인 함수
Future<List> login({required String email, required String password,}) async {
  try {
    try {
      UserCredential _cred = await FirebaseAuth.instance.signInWithEmailAndPassword(
          email: email, password: password);
      //로그인 성공
      return [true, _cred.user?.uid, _cred.user?.email];
    } on FirebaseAuthException catch (e) {
      if (e.code == 'user-not-found') {
        //존재하지 않는 이메일
        return [false, '존재하지 않는 이메일입니다.'];
      } else if (e.code == 'wrong-password') {
        //비밀번호 오류
        return [false, '비밀번호 오류'];
      }
    }
    return [false, '로그인 실패'];
  } catch(e) {
    print('error login ${e}');
    return [false, '${e}'];
  }
}

// 이메일,비밀번호를 사용한 회원가입
Future<List> signUpWithEmail({
  required String email,
  required String password,
  required context,
}) async {
  try {
    UserCredential _cred = await FirebaseAuth.instance.createUserWithEmailAndPassword(
        email: email,
        password: password); //이 정보로 회원가입
    //회원가입 성공
    return [true, _cred.user?.uid, _cred.user?.email];
  } on FirebaseAuthException catch (e) {
    if (e.code == 'invalid-credential') {
      print('The supplied auth credential is incorrect, malformed or has expired.');
      return [false, '인증 자격 증명이 잘못되었거나, 형식이 올바르지 않거나, 만료되었음'];
    } else if (e.code == 'weak-password') {
      //비밀번호 보안 강도 문제
      return [false, '비밀번호가 보안에 취약합니다'];
    } else if (e.code == 'email-already-in-use') {
      //이미 존재하는 이메일
      return [false, '이미 존재하는 이메일'];
    }
    return [false, e.toString()];
  } catch (e) {
    print('on FirebaseAuthException catch (');
    return [false, e.toString()];
  }
}

// 로그아웃처리
Future logoutUser() async {
  await FirebaseAuth.instance.signOut();
}