用户登录，前后端如何交互判断是否登录超时！

背景：用户登录过该网站，但是用户并不是永远都处于登陆状态，接下来就探讨下，我们是什么时机对用户登陆状态进行校验并且校验后登录超时应该如何处理。

第一步：用户输入用户名密码后点击登录，客户端会调用登录接口，将用户数据传递给服务端，这是服务端干了什么呢。看下下边的截图1和截图2
服务端接收到用户请求后，login接口会进行setCokkie操作将用户的部分用户标示信息存在cookie中（例如用户userNo等），同时响应头（response Header）中看到setcookie的信息（截图1），（说明：这里说明一下，这个cookie是前后端都能获取、操作的，客户端向cookie中写内容，请求接口的时候会把cookie中的内容通过resquest header请求头把cookie信息发送给服务端；同理，服务端setCookie设置了cookie之后，会把cookie信息通过相应头发送到客户端，同时在客户端中能获取服务端发送回来的cookie）

第二步： 第一步之后，用户信息关于登录的内容就在前后端存在了，下面说下，怎么判断用户访问网页过程中是否还处于登录阶段：
客户端再进行调用接口的操作的时候，就会把第一步中的cookie一起通过请求头（request Header）发送给服务端，服务端除了接收到接口传递的正常参数外，还要接受cookie中的内容，然后去拿cookie中的用户标示去和服务端缓存redis 中的用户信息进行查找（具体怎么对比查找自行学习），如果redis中没有该用户的相关信息就表示登录超时，这个接口就会返回给客户端一个标示例如：status ＝ 1002 （这个是自己定义的不一定就是我写的这个，什么标示自己定）

第三步： 客户端拿到status = 1002这个标示后，知道该用户已经超时，直接把页面跳转到登录页面，不允许用户再访问。

第四步： 还有一个判断用户登录状态的点；就是用户刚刚访问页面（或者路由）还没有进行接口访问的时候进行判断，因为如果此时用户就登录超时了，页面中又没有接口请求，但是页面的内容我们也是不允许被看到的，所以用户刚刚进入页面的时候就要进行登录超时判断，
方法：可以通过调用一个登录超时判断接口 checklogin去让服务端进行判断该用户是否登录超时，返回status=1002后，客户端判断到登录超时了，直接就重定向到登陆页。这样没有接口请求的页面也能不被超时用户所访问到。

用户登录，前后端如何交互判断是否登录超时！相关推荐

详解 AJAX-SpringBoot 前后端数据交互
详解 AJAX-SpringBoot 前后端数据交互 1. Ajax 概述 Ajax 的英文全称是 "Asynchronous JavaScript and XML",即 &quo ...
ajax配合ssm框架,SSM框架前后端信息交互实现流程详解
SSM框架前后端信息交互实现流程详解比如该处代码,显示了问题的标题信息,并将其作为超链接,点击该链接时进入后端Controller类的方法,并向其发送问题编号question_id 3.ajax请求 ...
干货 | 万字长文全面解析GraphQL，携程微服务背景下的前后端数据交互方案
作者简介古映杰,携程研发高级经理,负责前端框架和基础设施的设计.研发与维护.开源项目react-lite和react-imvc作者. 前言随着多终端.多平台.多业务形态.多技术选型等各方面的发展, ...
微信第三方登录前后端分离实现思路
微信第三方登录前后端分离实现思路前端实现这里说一下前后端的思路,页面加载时声明一个变量state='时间戳+6位随机数', 前端路径生成二维码, 其中有个state参数需要我们传递,这个参数你传什 ...
超详细总结：前后端数据交互原理
最近开始接触前后端的一些知识,查了很多资料,今天把互联网产品的前后端数据交互做个总结留做笔记. 互联网产品的前后端数据交互是通过一个通讯协议完成.前后台交互的协议主要包括HTTP,FTP,SMTP,T ...
Android---SpringBoot实现前后端数据交互
Android-SpringBoot实现前后端数据交互星光不问赶路人,时间不负有心人这篇是针对android传数据到后台springboot,使用Xutils框架使用Xutils框架关于xut ...
后端程序设计课设，基于Java面向对象思想，MySQL数据库，Tomcat服务器实现网上商城网站。前后端分离开发思想，实现前后端信息交互。
文章目录项目展示开发环境使用关键技术项目实现的主要功能项目完成效果项目技术核心介绍 MVC开发模式 Ajax实现前后端通信 MySQL数据库连接(使用连接池) 自动生成验证码程序项目源代 ...
前后端数据交互方法汇总
这篇文章给大家介绍几种常用的前后端数据交互方法,并给出使用建议.以提高前后端协同开发的效率.非常的详细,推荐给小伙伴们,有需要的小伙伴可以参考下. 1.HTML赋值输出到 Element 的 val ...
ajax连接前后端原理,前后端数据交互方法和原理
前后端数据交互方法和原理发布时间:2018-10-28 11:25, 浏览次数:742 对于想要搞web的新手而言,会用html+css+javascript实现一个页面没什么太大的困难,但是想要前 ...
入门，前后端实现简单账号密码登录
前后端实现简单账号密码登录涉及知识点原理效果图前端代码 index.html res.html login.html main.js info.html error.html WZ.html ...

用户登录，前后端如何交互判断是否登录超时！

用户登录，前后端如何交互判断是否登录超时！相关推荐

最新文章

热门文章