React 로그인2 - Firebase 서비스 이용(토큰)

1.토큰을 이용한 로그인 방식

우리가 회원가입을 하고 로그인을 하게되면 db에 저 누구누군데요 로그인해주세요!라고 요청을 함.

db는 확인후 사용자에게 토큰을 준다.

그럼 사용자는 토큰을 지닌체로 원하는 요청을 하면 db는 토큰을 확인 후 알맞은 응답을 해줄 것이다.

└토큰은 요청 헤더의 쿠키안에 있다. (검사창 네트워크에서 확인해볼 수 있다.)

 

2. Firebase란?

쉽고 빠르게 서버를 구축할 수 있는 서비스

1. 문서 사진 저장기능 cloud storage for firebase

2. 실제 만든 서비스를 브라우저에서 확인할 수 있게 해주는 호스팅기능 firebase hosting

3. 유저에게 메세지를 보내주는 기능 = firebase colude messaging

4.실시간 소통을 가능하게해주고 서버에 문자나 숫자 등등 유저의 정보를 저장,수정,읽어오는 기능 = firestore

5. 쉽고 빠르게 로그인,회원가입 기능을 구현할 수 있음 = firebase Authentication

 

3. 우리가 어떻게 사용 할 수 있을까?

회원가입을 할 시에 정보를 저장하게 된다.

기존 농장분들의 코드로 우리가 회원가입을 해놓게 된다면 로그인이 가능 하게 된다.

db의 정보와 비교할 것 없이 로그인을 하게 된다면 로그인 페이지와 마이 페이지 등등 상태를 바꿔주면 되는 것이 아닐까?

로그인 유지에 대한 것은 아래와 같이 설정해 줄 수 있다.

파이어베이스의 로그인 상태 지속은 3가지로 구분된다. setPersistence함수를 사용하며, local, session, none 옵션을 가진다.

• local : 웹 브라우저 종료해도 로그인을 유지한다.
• session : 웹 브라우저의 탭 종료 시 로그아웃
• none : 새로고침 시 로그아웃

 

출처 : https://velog.io/@zueon/%ED%9A%8C%EC%9B%90%EA%B0%80%EC%9E%85-%EB%A1%9C%EA%B7%B8%EC%9D%B8-%EA%B5%AC%ED%98%84

회원가입 & 로그인 구현

 

출처 : https://www.youtube.com/watch?v=tPqTE14DEUg