전달자 토큰을 처리하는 데 적합한 애플리케이션 아키텍처를 선택하세요.

Question

OAuth 2.0을 사용하는 API를 사용하고 싶습니다

간단히 말하면, 서버가 내 신원을 확인할 수 있도록 모든 후속 요청에 포함해야 하는 액세스 토큰을 얻어야 합니다.

애플리케이션에서 이를 수행하는 아키텍처는 어떤 모습일까요? 누구든지 기사를 추천할 수 있나요?

현재 요청을 수행하기 위해 요청할 때마다 API에서 새 토큰을 얻는 것은 비효율적입니다.

전달자 토큰을 저장하고 만료될 때까지 재사용하는 모범 사례가 있나요?

내 애플리케이션에 Vue.js를 사용하고 싶습니다.

Answer 1

당신이 말했듯이, 요청할 때마다 새 토큰을 요청하는 것은 의미가 없습니다.

로그인 후 가장 좋은 방법은 반환된 토큰을 localStorage에 저장하는 것입니다. 그러면 애플리케이션은 사용자가 브라우저를 새로 고치는지 여부에 관계없이 저장소에서 Bearer를 가져옵니다.

이 작업을 완료한 후에는 모든 Axios 요청에 현재 유효한 Bearer 토큰을 추가해야 합니다. IE:

으아악

참고로, 이 문제를 해결하는 데 도움이 되는 소프트웨어 패키지가 많이 있습니다. 그렇지 않으면 골치 아픈 일에 대비할 수 있습니다. 저는 개인적으로 이것을 오래전부터 사용해 왔습니다: https://websanova.com/docs/vue-auth/首页