안루피취뽀일기

[ReactNative_또간집] 앱 로그인 설계 본문

React Native

[ReactNative_또간집] 앱 로그인 설계

안루피 2024. 6. 3. 15:08
728x90

 

 

인증 구현을 구현하기 전에 앱 로그인 과정을 짚고 넘어가자.

 

 

액세스 토큰과 리프레쉬 토큰을 이용해서 로그인을 구현할 것인데

먼저 앱을 실행하면 리프레쉬 토큰 API를 호출하게 되고 성공/실패 로 나뉜다.

 

리프레쉬 콜이 실패한다면 신규 유저나 로그인 한지가 너무 오래돼서 토큰이 만료된 유저이다. 

그래서 저장된 토큰은 지우고 다시 로그인을 하게 되고 지도인 홈으로 이동하게 된다.

만약 리프레시 토큰이 만료되지 않아서 리프레시 api 콜이 성공한다면 자동으로 재로그인을 해줄 것이다.

 

이때 로그인을 할 때는 유효기간이 짧은 액세스 토큰은 헤더의 상수로 따로 존재하고 따로 저장하지는 않는다.

그리고 리프레시 토큰은 Encrypt Storage라는 패키지를 이용해서 암호화하여 저장한다.

 

 

 

 

 

 

 

 

728x90