리액트 네이티브에서 firebase 으로 로그인하기

먼저 프로젝트에 firebase 관련 파일을 설치해야한다.

npm 으로 설치하면 되는데 검색하면 금방 나온다.

 

firebase 관련 설정코드를 먼저 작성해줘야한다.

const firebaseConfig = {
    apiKey: '',
    authDomain: '',
    databaseURL: '',
    projectId: '',
    storageBucket: '',
    messagingSenderId: '',
    appId: ''
  };

내용이 다 비워져 있는데 넣어야하는 값들은 파이어베이스 콘솔에서

이미지 처럼 프로젝트 설정을 누르면 모두 적혀있다. 관련 값을 위 코드에 다 넣어주면 된다.

 

설정을 마쳤다면 이제 코드가 어떤 firebase 를 참조해야할지 알게된 상태가 된다.

설정을 해줬으니 그 설정에 맞는 firebase 객체를 만들어줘야할 것이다.

 

아래 코드처럼 파이어베이스가 생성 된적 없다면 설정대로 객체를 생성한다.

 if (!firebase.apps.length) {
  var firebaseinit = firebase.initializeApp(firebaseConfig);
  }

아래 코드는 이메일 패스워드로 로그인하는 코드다.

auth().signInWithEmailAndPassword 로 firebase 에 접속해서 해당 회원이 있는지 체크하고

존재하는 회원이라면 then 에 있는 정보있음 log 가 발생하고

없는 회원이라면 error log가 발생한다.

login = (email, pass) => {
    firebaseinit.auth().signInWithEmailAndPassword(email,pass)
        .then((user) => {
            console.log("정보있음"); // 파베 로그인 되는거 성공함
        }).catch((error) => {
            console.log(error);
        })

  };