项目功能的一些具体流程

文章详细阐述了Web应用的登录过程,包括前端发送用户名和密码,后端验证并返回token,前端存储token并用于后续请求。同时介绍了单点登录(SSO)的概念,描述了如何通过令牌验证实现用户只需登录一次即可访问多个系统。最后讨论了登录过期后的处理方式,即通过重定向参数保存先前页面,在登录成功后返回该页面。
摘要由CSDN通过智能技术生成

一、登陆功能

1. 第一次登录的时候,前端(客户端)调后端(服务器)的登陆接口,并发送用户名和密码

2. 后端(服务器)收到(客户端)请求,验证用户名和密码,验证成功,就给前端(客户端)返回一个token

3. 前端(客户端)拿到token,将token存储到localStorage或vuex中,并跳转路由页面

4. 前端(客户端)每次跳转路由,就判断 localStroage 中有无 token ,没有就跳转到登录页面,有则跳转到对应路由页面

5. 前端(客户端)在组件中每次调后端(服务器)接口,都要在请求头中加token

6. 后端(服务器)判断请求头中有无token,有token,就拿到token并验证token,验证成功就返回数据,验证失败(例如:token过期)就返回401,请求头中没有token也返回401

7. 如果前端(客户端)拿到状态码为401,就清除token信息并跳转到登录页面

二、单点登录

单点登录(Single Sign-On,简称SSO)的实现思路如下:

  1. 用户登录:用户首次登录一个系统时,需要输入用户名和密码进行身份验证。

  2. 验证身份:该系统将用户输入的用户名和密码与用户数据库中存储的信息进行比对,如果验证通过,系统会生成一个唯一的令牌(Token)。

  3. 令牌传递:该系统将令牌传递给一个认证中心(SSO Server)。

  4. 认证中心:认证中心接收到令牌后,会对其进行验证,如果验证通过,则将该令牌与用户信息进行关联,生成一个全局的会话(Session)。

  5. 令牌返回:认证中心将该令牌返回给原系统,并将该令牌储存在用户浏览器的 Cookie 中。

  6. 访问其他系统:用户访问其他系统时,该系统会检查用户的浏览器 Cookie 中是否存在令牌,如果存在,则代表用户已经通过认证,可以直接访问该系统,无需再次输入用户名和密码。 通过以上步骤,用户只需要登录一次即可访问多个系统,提高了用户的使用体验和工作效率。

三、访问页面时突然登录过期跳转到了登录页, 登录成功之后如何跳转到之前的页面?

  1. 地址重定向到登录页时,用一个参数保存重定向之前的页面地址,比如: redirect
  2. 在登录页面,先获取保存的重定向路径;
  3. 登录成功之后,判断是否存在重定向地址,存在则跳转到重定向的地址

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值