javascript - 로그인이 필요한 웹사이트의 경우 새로고침을 누른 후 로그인 상태를 저장하기 위해 일반적으로 어떤 작업을 수행합니까?

Question

이제 막 시작했고 사용자 로그인에 대해 잘 모릅니다. 사용자가 성공적으로 로그인하여 페이지 A에 들어갔다고 가정합니다. 페이지를 새로 고치면 페이지의 데이터가 손실됩니다. 그 사람의 로그인 상태를 저장하시겠습니까?
페이지 A의 데이터는 사용자의 번호(로그인 인터페이스에서 반환됨)를 사용하여 가져와야 하기 때문에
새로 고침 후 쿠키를 기반으로 다시 로그인해야 하나요?

Answer 1

기본 아이디어는 자신의 쿠키를 설정하고 인증된 신원 정보를 서버에 다시 제출하는 것입니다

• 쿠키 설정

• 세션 저장

• JSON 웹 토큰을 사용하여 보안 강화

제가 쓴 글을 참고하시면 됩니다
http://www.jianshu.com/p/8d13...

Answer 2

간단히 말하면 세션을 구성하기 위해 쿠키를 사용하는 과정입니다. 웹 브라우저가 요청을 시작하면 http의 헤더 콘텐츠를 가져옵니다. 일반적으로 쿠키가 사용됩니다. 새로고침할 때마다 쿠키가 자동으로 서버로 전송됩니다. cookie构造session的过程。Web浏览器发起请求的时候，会带上http的header的内容。通常使用的是cookie，每次你刷新的时候，cookie也会自动发送给服务器。

无状态

假设你去一个蛋糕店买东西，店员每天都接待很多客人，并不知道你是谁。

cookie

店里搞了活动，推出了会员机制，蛋糕点给每个来的客人都发一个会员卡。以后每次来的人都检查是否有会员卡，没有就发一个，有了就知道是会员啦。这个卡就是cookie。

session

单纯的会员卡，只能区分是否是会员了，为了获取更详细的信息，增加了一个会员卡号。每次来的时候，店员检查是否有卡，然后把卡输入系统，查询是否是已经登记了的会员，并了解会员信息。给予相应的折扣哦~。这个卡号就是session_id。

因此浏览器的cookie可以存一个session_id，session_id关联了用户，其本身可以是随机字串，也可以是jwt等。每次发送请求的时候，浏览器会自动发送cookie。服务端就能读取解析这个cookie，进而鉴权。

另外对于cookie

상태 비저장

당신이 무언가를 사러 케이크 가게에 간다고 가정해 보세요. 점원은 매일 많은 손님을 받고 당신이 누구인지 모릅니다. 🎜

쿠키

🎜 매장에서는 이벤트를 진행하고 회원 제도를 시작했습니다. 케이크 가게는 방문하는 모든 손님에게 회원 카드를 발급했습니다. 앞으로는 누구든 오실 때마다 회원카드가 있는지 보유 확인하시기 바랍니다. 없으면 회원카드를 발급해 드립니다. 이 카드는 쿠키입니다. 🎜

세션

🎜간단한 회원카드로는 회원 여부만 구별할 수 있습니다. 보다 자세한 정보를 확인하실 수 있도록 회원카드 번호를 추가하였습니다. 오실 때마다 담당자가 카드가 있는지 확인한 후 시스템에 카드를 입력해 등록된 회원인지 확인하고 회원정보를 파악합니다. 해당 할인을 제공합니다 ~. 이 카드 번호는 session_id입니다. 🎜 🎜따라서 브라우저의 쿠키는 session_id를 저장할 수 있고 session_id는 사용자와 연결될 수 있으며 이는 임의의 문자열이거나 jwt일 수 있습니다. 등 요청이 전송될 때마다 브라우저는 자동으로 쿠키를 전송합니다. 서버는 이 쿠키를 읽고 구문 분석한 다음 이를 인증할 수 있습니다. 🎜 🎜또한 쿠키의 보안 및 만료에 대한 자세한 문서를 읽을 수 있습니다. 🎜

Answer 3

sessionID를 토큰으로 사용하고 각 요청마다 토큰을 가져오면 백그라운드에서 토큰이 유효한지 여부가 결정됩니다

Answer 4

쿠키는 사용자 세션 ID를 저장하고 페이지를 새로 고칠 때 신원 일치 확인 요청을 보냅니다. 로그인 세션이 있으면 사용자가 로그인되고, 그렇지 않으면 사용자가 로그인되지 않거나 로그인 시간이 초과되었습니다. 인증 토큰을 사용할 수도 있습니다

Answer 5

쿠키는 프런트 엔드가 서버에 요청하면 이 쿠키를 헤더에 저장합니다. 서버가 이를 수신한 후 이 세션 ID에 해당하는 세션 기록을 찾는다는 의미입니다. 로그인되어 있습니다. 검색되지 않으면 로그인되지 않은 것입니다.