Templee_0226) React_NestJS : OAuth + Authentication + JWT
1) Client
local login
Email, password + Server post request
social login
- sdk > get userInfo , access_token from OAuth Server
- Server post request
2) Server
local login
- JWT > make 'AccessToken' , 'RefreshToken'
- DB Save
- Res to Client : RefreshToken , userInfo , accessToken
social login
- JWT > save 'AccessToken' from Client + make 'RefresshToken'
- DB Save
- Res to Client : RefreshToken , userInfo , accessToken
3) Client
-
Header : AccessToken
-
Cookie : httpOnly , RefreshToken
-
( React ) useEffect > Req with refreshToken to Server to return 'accessToken
const refreshToken = () => {
req(refresh_Token)
.then(( { refresh_Token : { user, access_Token, expires_in } }) => {
client.setHeader('authorization' , 'Bearer ${token}' )
setTimeOut(() => {
refreshToken()
}, ( expires_in * 1000 ) - 500 )
})
.catch(console.log)
}
4) Server
ex) '/api/silent-auth'
-
with 'refreshToken' from Client > get 'accessToken' from 'refreshToken'
-
before 'accessToken being expired', repeat above process
Author And Source
이 문제에 관하여(Templee_0226) React_NestJS : OAuth + Authentication + JWT), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@dhsys112/Templee0226-ReactNestJS-OAuth-Authentication-JWT저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)