🌄 Sandamso 프로젝트 - 2

Firebase 로그인 및 회원가입 연결? 하나도 어렵지 않아요 ! ㅋ

---

Firebase 연결

안드로이드에서 Firebase를 먼저 연결해주자. 상단의 Tools - Firebase를 눌러 Firebase를 열어준 뒤, Authentication을 클릭해 사이트를 열어준다.

그리고 위의 순서대로 버튼을 클릭해 연결을 진행해준다.

Connect to Firebase

사이트에서 친절하게 단계별로 하라는 것이 나와있기 때문에 그대로 진행하고 나면 이렇게 앱이 생성되었다는 알림이 뜨고 연결 버튼을 눌러주면 된다.

ADD SDK

연결 버튼 눌렀으니까 끝??? 🙅‍♀️
연결을 해줬으니, 이제 Firebase 데이터를 직접 액세스 할 수 있게 해주고, 미들웨어라는 성가신 구성요소를 없앨 수 있도록 해주기 위한 SDK를 추가해줘야 한다.

그러니까, 다시 안드로이드 스튜디오로 돌아와서 Authencate using Google에서 add sdk to your app 버튼을 눌러서 SDK 부분도 추가해주자.

구성 파일 추가

Android 프로젝트에 Firebase 추가를 위한 공식문서에서 Firebase 구성 파일을 추가하는 부분을 확인하고 코드를 추가해준다.

https://firebase.google.com/docs/android/setup?hl=ko

google-services.json 파일이 존재하는지 project - app 에서 확인해 firebase에서의 API 키 등등이 잘들어가 있는지 확인한다.

---

로그인 & 회원가입 기능

Firebase의 공식 문서대로 회원가입 및 로그인 시 필요한 코드를 추가해주면 된다.

Firebase Authentication과 연결하기 위한 auth = FirebaseAuth.getInstance() 는 필수 !

---

회원가입 기능

signupActivity에서 사용하는 editText 및 Button을 상수로 선언해주고, 이메일 editText에는 이메일 형식을 입력했을 경우에만 회원가입이 가능하도록 처리해줄 것이기 때문에 이메일 형식인지 아닌지를 판단하기 위한 코드를 추가해준다.

  // 올바른 정보 입력 후, 확인 버튼 클릭 시 Firebase의 Auth에 데이터 저장
  auth.createUserWithEmailAndPassword(email, pw)
      .addOnCompleteListener { task ->
          // 회원가입 성공 시
          if (task.isSuccessful) {
              sendVerifyEmail()
              toastMessage("회원가입 성공!")
              val user = auth.currentUser
              // 회원가입 성공 후 로그인 화면으로 돌아가기
              val intent = Intent(this, SignInActivity::class.java)
              startActivity(intent)
              finish()
          }
          // 회원가입 실패 시
          else {
              val error = task.exception?.message ?: "알 수 없는 오류"
              toastMessage("회원가입에 실패했습니다. 오류 : $error")
          }
      }

코드를 찬찬히 뜯어서 살펴보자.

createUserWithEmailAndPassword 이게 정확히 뭘까?🤔
신규 사용자의 이메일 주소와 비밀번호를 createUserWithEmailAndPassword로 전달해 신규 계정을 생성해줄 때 사용된다. 회원가입할 떄 넣어서 새로운 생성자를 만들어준다.

회원가입 성공시와 회원가입 실패 시에 따른 조건을 추가해줘야 한다. 추가해주지 않으면 예외처리 에러가 발생하기 때문에 주의해서 꼭 추가해주도록 !

---

로그인 기능

  // 로그인 버튼을 누를 경우
  binding.btnSignin.setOnClickListener {
      val email = binding.signinEtEmail.text.toString()
      val pw = binding.signinEtPw.text.toString()

      // 이메일 및 패스워드가 비어있지 않을 경우
      if (email.isNotEmpty() && pw.isNotEmpty() && emailCheck && pwCheck) {
          // Firebase에서 로그인 정보 가져오기
          auth.signInWithEmailAndPassword(email, pw)
              .addOnCompleteListener { task ->
                  if (task.isSuccessful) {
                      // 로그인 성공 시
                      val user = auth.currentUser
                      if(user != null && user.isEmailVerified) {
                          val signInIntent = Intent(this, MainActivity::class.java)
                          toastMessage("로그인 성공 !")
                          startActivity(signInIntent)
                      }
                      // 이메일 인증 안했을 경우
                      else {
                          toastMessage("이메일 확인 후 로그인이 가능합니다.")
                      }
                  } else {
                      // 로그인 실패 시
                      toastMessage("아이디 또는 비밀번호가 일치하지 않습니다.")
                  }
              }
      }
      else {
          toastMessage("로그인 정보를 입력해 주세요.")
      }
  }

---

RealTime Database

RealTimeDB를 이용해서 회원가입 시에 입력했던 유저 데이터를 간단하게 이름, 아이디, 닉네임 DB를 실시간으로 생성해준다.

userReference의 key값을 push해서 데이터를 FirebaseDB에 넣어주면 된다. addOnCompleteListener을 이용해 회원가입 성공 시와 실패 시에 따른 예외처리를 꼭 해줄 것!

해당 코드는 Firebase RealTimeDB 공식문서를 참고해 작성해줬다.

  private fun saveUserData(uid: String, user: UserData) {
          val dataBase = FirebaseDatabase.getInstance()
          val userReference = dataBase.getReference("users")
          userReference.child(uid).setValue(user)
          val userId = userReference.push().key

          userId?.let {
              userReference.child(uid).setValue(user)
                  .addOnCompleteListener { task ->
                      // 회원가입 성공 시
                      if (task.isSuccessful) {
                          //toastMessage("RealTime userData 생성 성공!")
                      }
                      // 회원가입 실패 시
                      else {
                          val error = task.exception?.message ?: "알 수 없는 오류"
                          toastMessage("RealTime userData 생성 실패! 오류: $error")
                      }
                  }
          }
      }

회원가입 실패 시의 정보가 아닌 회원가입을 성공했을 때의 RealTimeDB가 추가해주도록 설정해주면 끝 !

  // 회원가입 성공 시
  if (task.isSuccessful) {
      sendVerifyEmail()
      toastMessage("회원가입 성공!")
      val user = auth.currentUser
      // RealTimeDB 사용자 정보에 간단하게 이름, 아이디, 성별, 닉네임 DB 생성
      val userData = UserData(name, email, nick)
      if (user != null) {
          saveUserData(user.uid, userData)
      }
      // 회원가입 성공 후 로그인 화면으로 돌아가기
      val intent = Intent(this, SignInActivity::class.java)
      startActivity(intent)
      finish()
  }