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 : 새로고침 시 로그아웃
회원가입 & 로그인 구현
파이어베이스의 인증 기능을 사용한 회원가입과 로그인 기능을 구현한다. firebase 인증 모듈 사용 fbase.js 파일에 파이어베이스 인증 모듈을 임포트해준다. 내보내준 authService는 (auth 모듈은) 현재
velog.io
출처 : https://www.youtube.com/watch?v=tPqTE14DEUg