Vuex를 사용할 때 내 Vue 앱에서 jwt의 혜택을 받을 수 있을까?

Vuex를 사용할 때 내 Vue 앱에서 jwt의 혜택을 받을 수 있을까?

순수 PHP(PHP 프레임워크 없음)를 백엔드에 사용하는 Vue 앱을 만들고 있다.나의 인증시스템으로는 jwt(JSON Web Token)를 사용하면 도움이 된다고 생각했다.그래서 웹을 검색해보니 jwt의 도움을 받아 로그인-등록 시스템을 구축하는 데 도움이 되는 이 글과 이 글도 있었다.내 앱의 프런트 파트(Vue)와 백 파트(PHP)에 이러한 기사를 구현하는 데 문제가 없다.현재 나는 사용자가 사이트에 등록하면 요청을 보낼 수 있고, firebase php-jwt 라이브러리의 도움으로 jwt를 전면 파트에 다시 보낼 수 있다.

그러나 주요 질문은 여기에 온다.Vue 에코시스템에서 우리가 Vuex를 사용하는 이유 중 하나는 전 세계적으로 일부 데이터(상태)를 앱에 저장하기 위한 것이며, 서버에 호출하지 않고도 Vue 앱의 어디서나(또는 모든 경로에서) 사용할 수 있기 때문이다.

나는 그 두 기사 중 하나를 읽음으로써 마침내 jwt가 Vuex에 저장되고, 사용자가 권한 있는 페이지(인가가 필요한 페이지)를 보고 싶을 때 Vue 앱이 Vuex를 확인하여 토큰이 존재하는지 여부를 확인하고, 존재하는지를 앱이 사용자에게 그 페이지를 볼 수 있게 한다는 것을 알게 되었다.

두 번째 것을 읽음으로써 jwt는 사용자가 사이트 뒷부분으로 요청을 보낼 때 유용하다는 것을 알게 되었다.이 경우 jwt가 디코딩되고 유효하면(예: 유효기간이 OK 또는 ...), 사용자는 인증된 페이지에 액세스할 수 있다.

위의 설명과 함께 내 Vue 앱에서 jwt를 사용하면 어떤 이점이 있는가?만약 내가 사용자의 아이디와 사용자 이름만 저장한다면, 그것은 나에게도 같은 일을 할 수 있을 것이다.즉, 내 질문을 분명히 하고 싶다면, 문제는 Vuex를 사용하고 매번 서버에 요청을 보내지 않으려 할 때, jwt(내 말이 맞나?)가 필요 없고 혜택을 받을 수 없다는 것이다.마찬가지로 jwt를 사용하고 싶을 때도 vuex의 혜택을 받을 수 없었다.왜냐하면 jwt가 유효한지 아닌지를 알기 위해 매번 요청을 보내야 하고 그 이후에 사용자에 대한 결정을 해야 하기 때문이다.

내가 제대로 이해하고 jwt와 vuex를 모두 사용하는 모순이 있다면, jwt와 함께 vue 앱을 인증하는 튜토리얼이 왜 이렇게 많은가?또한 jwt에 대한 나의 이해가 맞는다면, jwt가 만료되었을 때 사용자에게 (Vuex 사용 여부와 상관없이) 로그인할 것을 다시 요청해야 하는 것인가?

내 인증 시스템에 대해 더 나은 결정을 할 수 있도록 이 문제에 대해 더 잘 이해할 수 있도록 도와줄 수 있는 사람이 누구라도 있는가?

위의 설명과 함께 내 Vue 앱에서 jwt를 사용하면 어떤 이점이 있는가?

JWT는 인증에 사용된다.네가 원한다면 쿠키 세션을 사용할 수 있어.

나는 그것이 너의 앱에 영향을 미치지 않는다고 생각해.JWT에 사용자 ID와 같이 필요한 데이터가 포함되어 있으면 라운드 트립을 몇 개 저장하십시오.

문제는 내가 Vuex를 사용하고 매번 서버에 요청을 보내지 않을 때야.

나는 이 두 가지가 어떻게 연관되어 있는지 잘 모르겠다.

만약 당신이 요청해야 한다면, 왜 Vuex를 사용하겠는가?

Vuex는 주 관리 도서관이다.

요청이 필요하면 요청하십시오.

Vuex는 JWT와 어떤 식으로도 관련이 없다.

만약 당신이 당신의 JWT 토큰을 Vuex에 넣기로 결정했다면 그것은 당신의 결정이다.어떤 사람들은 그것을 브라우저에 넣는다.localStorage또는 쿠키.

마찬가지로 jwt를 사용하고 싶을 때도 vuex의 혜택을 받을 수 없었다.왜냐하면 jwt가 유효한지 아닌지를 알기 위해 매번 요청을 보내야 하고 그 이후에 사용자에 대한 결정을 해야 하기 때문이다.

Vuex에 보관할 수 있는 많은 것들이 먼저 요청을 할 필요가 없다.

• 전역 구성 요소 상태(예: 로그인/로그인 모드, NavMenu, 오디오/비디오 플레이어)
• Amazon 또는 상점 관련 앱에서 보는 것과 같은 범주 필터

나는 네가 무엇을 하고 있는지 잘 모르겠는데 jwt가 유효한지 아닌지 매번 요청을 해야 해.

서버 쪽에서 해야 할 일이 있으면 jwt나 쿠키를 사용하든 서버 쪽에서 해야 한다.

또한 jwt에 대한 나의 이해가 맞는다면, jwt가 만료되었을 때 사용자에게 (Vuex 사용 여부와 상관없이) 로그인할 것을 다시 요청해야 하는 것인가?

JWT는 형식이다.예를 들어 OAuth2를 사용하면 "access token"과 "refresh token"이 있다."새로 고침 토큰"을 사용하여 다른 "액세스 토큰"을 자동으로 얻을 수 있으므로, 로그인 양식을 다시 표시할 필요가 없다는 것을 의미할 수 있다.

원할 때마다 JWT 토큰을 새로 고칠 수도 있다.나는 그것이 의미하는 바는 잘 모르겠지만 네가 할 수 있는 일이 많아.

이러한 링크를 통해 다음과 같은 이점을 얻을 수 있다.

• https://stackoverflow.com/a/36932032/10975709
• https://stackoverflow.com/a/45214431/10975709

---

내 질문은 다음과 같다.

만약 당신이 JWT를 사용하지 않고 쿠키만 사용한다면, 상황은 어떻게 달라지겠는가? (토큰을 새로 고쳐야 하는 것과 같은 기술적 측면과는 달리)

당신은 아마도 JWT를 잘못된 방법으로 접근/생각/사용하고 있을 것이다.

참조URL: https://stackoverflow.com/questions/70956784/could-i-benefit-from-jwt-in-my-vue-app-when-using-vuex