网站建设的市场情况,从零开始学android编程,电商网站首页图片,怎么推广业务案例-登录认证
在前面的课程中#xff0c;我们已经实现了部门管理、员工管理的基本功能#xff0c;但是大家会发现#xff0c;我们并没有登 录#xff0c;就直接访问到了Tlias智能学习辅助系统的后台。 这是不安全的#xff0c;所以我们今天的主题就是登录 认证。 最终我…案例-登录认证
在前面的课程中我们已经实现了部门管理、员工管理的基本功能但是大家会发现我们并没有登 录就直接访问到了Tlias智能学习辅助系统的后台。 这是不安全的所以我们今天的主题就是登录 认证。 最终我们要实现的效果就是用户必须登录之后才可以访问后台系统中的功能。
1. 登录功能
1.1 需求 在登录界面中我们可以输入用户的用户名以及密码然后点击 “登录” 按钮就要请求服务器服务端判断用户输入的用户名或者密码是否正确。如果正确则返回成功结果前端跳转至系统首页面。
1.2 接口文档
我们参照接口文档来开发登录功能
基本信息 请求路径/login 请求方式POST 接口描述该接口用于员工登录Tlias智能学习辅助系统登录完毕后系统下发JWT令牌。 请求参数
参数格式application/json 参数说明
名称类型是否必须备注usernamestring必须用户名passwordstring必须密码
请求数据样例
{username: jinyong,password: 123456
}响应数据
参数格式application/json 参数说明
名称类型是否必须默认值备注其他信息codenumber必须响应码, 1 成功 ; 0 失败msgstring非必须提示信息datastring必须返回的数据 , jwt令牌
响应数据样例
{code: 1,msg: success,data:eyJhbGciOiJIUzI1NiJ9.eyJuYW1lIjoi6YeR5bq4IiwiaWQiOjEsInVzZXJuYW1lIjoiamlueW9uZyIsImV4cCI6MTY2MjIwNzA0OH0.KkUc_CXJZJ8Dd063eImx4H9Ojfrr6XMJ-yVzaWCVZCo
}1.3 思路分析 登录服务端的核心逻辑就是接收前端请求传递的用户名和密码 然后再根据用户名和密码查询用户 信息如果用户信息存在则说明用户输入的用户名和密码正确。如果查询到的用户不存在则说明用户输入的用户名和密码错误。
1.4 功能开发
LoginController
Slf4j
RestController
public class LoginController {Autowiredprivate EmpService empService;PostMapping(/login)public Result login(RequestBody Emp emp) {log.info(登录账号密码{},{}, emp.getUsername(), emp.getPassword());Emp e empService.login(emp);return e ! null ? Result.success() : Result.error(用户名或密码错误);}
}EmpService
Service
public interface EmpService {/*** 登录功能** param emp* return*/Emp login(Emp emp);
}EmpServiceImpl
Service
public class EmpServiceImpl implements EmpService {Autowiredprivate EmpMapper empMapper;/*** 登录功能** param emp* return*/Select(select * from emp where username #{username} and password #{password})Emp getByUsernameAndPassword(Emp emp);
}1.5 测试
功能开发完毕后我们就可以启动服务打开postman进行测试了。 发起POST请求访问http://localhost:8080/login postman测试通过了那接下来我们就可以结合着前端工程进行联调测试。 先退出系统进入到登录页面 在登录页面输入账户密码 登录成功之后进入到后台管理系统页面
2. 登录校验
2.1 问题分析
我们已经完成了基础登录功能的开发与测试在我们登录成功后就可以进入到后台管理系统中进行数据的操作。 但是当我们在浏览器中新的页面上输入地址 http://localhost:9528/#/system/dept 发现没有登录仍然可以进入到后端管理系统页面。 而真正的登录功能应该是登陆后才能访问后端系统页面不登陆则跳转登录页面进行登录。 为什么会出现这个问题其实原因很简单就是因为针对于我们当前所开发的部门管理、员工管理以及文件上传等相关接口来说我们在服务器端并没有做任何的判断没有去判断用户是否登录了。所以无论用户是否登录都可以访问部门管理以及员工管理的相关数据。所以我们目前所开发的登录功能它只是徒有其表。而我们要想解决这个问题我们就需要完成一步非常重要的操作登录校验。 什么是登录校验
所谓登录校验指的是我们在服务器端接收到浏览器发送过来的请求之后首先我们要对请求进行 校验。先要校验一下用户登录了没有如果用户已经登录了就直接执行对应的业务操作就可以 了如果用户没有登录此时就不允许他执行相关的业务操作直接给前端响应一个错误的结果 最终跳转到登录页面要求他登录成功之后再来访问对应的数据。
了解完什么是登录校验之后接下来我们分析一下登录校验大概的实现思路。
首先我们在宏观上先有一个认知
前面在讲解HTTP协议的时候我们提到HTTP协议是无状态协议。什么又是无状态的协议
所谓无状态指的是每一次请求都是独立的下一次请求并不会携带上一次请求的数据。而浏览器与服务器之间进行交互基于HTTP协议也就意味着现在我们通过浏览器来访问了登陆这个接口实现了登录的操作接下来我们在执行其他业务操作时服务器也并不知道这个员工到底登陆了没有。因为HTTP协议是无状态的两次请求之间是独立的所以是无法判断这个员工到底登陆了没有。 那应该怎么来实现登录校验的操作呢具体的实现思路可以分为两部分
在员工登录成功后需要将用户登录成功的信息存起来记录用户已经登录成功的标记。在浏览器发起请求时需要在服务端进行统一拦截拦截后进行登录校验。 想要判断员工是否已经登录我们需要在员工登录成功之后存储一个登录成功的标记接下来在每一个接口方法执行之前先做一个条件判断判断一下这个员工到底登录了没有。如果是登录了就可以执行正常的业务操作如果没有登录会直接给前端返回一个错误的信息前端拿到这个错误信息之后会自动的跳转到登录页面。 我们程序中所开发的查询功能、删除功能、添加功能、修改功能都需要使用以上套路进行登录校验。此时就会出现相同代码逻辑每个功能都需要编写就会造成代码非常繁琐。 为了简化这块操作我们可以使用一种技术统一拦截技术。 通过统一拦截的技术我们可以来拦截浏览器发送过来的所有的请求拦截到这个请求之后就可以通过请求来获取之前所存入的登录标记在获取到登录标记且标记为登录成功就说明员工已经登录了。如果已经登录我们就直接放行(意思就是可以访问正常的业务接口了)。 我们要完成以上操作会涉及到web开发中的两个技术
会话技术统一拦截技术
而统一拦截技术现实方案也有两种
Servlet规范中的Filter过滤器Spring提供的interceptor拦截器 下面我们先学习会话技术然后再学习统一拦截技术。
2.2 会话技术
介绍了登录校验的大概思路之后我们先来学习下会话技术。
2.2.1 会话技术介绍
什么是会话
在我们日常生活当中会话指的就是谈话、交谈。在web开发当中会话指的就是浏览器与服务器之间的一次连接我们就称为一次会话。 在用户打开浏览器第一次访问服务器的时候这个会话就建立了直到有任何一方断开连 接此时会话就结束了。在一次会话当中是可以包含多次请求和响应的。 比如打开了浏览器来访问web服务器上的资源浏览器不能关闭、服务器不能断开 第1次访问的是登录的接口完成登录操作第2次访问的是部门管理接口查询所有部门数据第3次访问的是员工管理接口查询员工数据 只要浏览器和服务器都没有关闭以上3次请求都属于一次会话当中完成的。 需要注意的是会话是和浏览器关联的当有三个浏览器客户端和服务器建立了连接时就会有三个会 话。同一个浏览器在未关闭之前请求了多次服务器这多次请求是属于同一个会话。比如1、2、3这 三个请求都是属于同一个会话。当我们关闭浏览器之后这次会话就结束了。而如果我们是直接把web 服务器关了那么所有的会话就都结束了。
知道了会话的概念了接下来我们再来了解下会话跟踪。
会话跟踪一种维护浏览器状态的方法服务器需要识别多次请求是否来自于同一浏览器以便在同一 次会话的多次请求间共享数据。 服务器会接收很多的请求但是服务器是需要识别出这些请求是不是同一个浏览器发出来的。比如1和2这两个请求是不是同一个浏览器发出来的3和5这两个请求不是同一个浏览器发出来的。如果是同一个浏览器发出来的就说明是同一个会话。如果是不同的浏览器发出来的就说明是不同的会话。而识别多次请求是否来自于同一浏览器的过程我们就称为会话跟踪。 我们使用会话跟踪技术就是要完成在同一个会话中多个请求之间进行共享数据。 为什么要共享数据呢 由于HTTP是无状态协议在后面请求中怎么拿到前一次请求生成的数据呢此时就需要在一次会 话的多次请求之间进行数据共享 会话跟踪技术有两种
Cookie客户端会话跟踪技术 数据存储在客户端浏览器当中 Session服务端会话跟踪技术 数据存储在服务端 令牌技术
2.2.2 会话跟踪方案
上面我们介绍了什么是会话什么是会话跟踪并且也提到了会话跟踪 3 种常见的技术方案。接下来我们就来对比一下这 3 种会话跟踪的技术方案来看一下具体的实现思路以及它们之间的优缺点。
2.2.2.1 方案一 - Cookie
cookie 是客户端会话跟踪技术它是存储在客户端浏览器的我们使用 cookie 来跟踪会话我们 就可以在浏览器第一次发起请求来请求服务器的时候我们在服务器端来设置一个cookie。
比如第一次请求了登录接口登录接口执行完成之后我们就可以设置一个cookie在 cookie 当中 我们就可以来存储用户相关的一些数据信息。比如我可以在 cookie 当中来存储当前登录用户的用户 名用户的ID。
服务器端在给客户端在响应数据的时候会自动的将 cookie 响应给浏览器浏览器接收到响应回地的 cookie 之后会自动的将 cookie 的值存储在浏览器本地。接下来在后续的每一次请求当中都会将浏览器本地所存储的 cookie 自动地携带到服务端。
我刚才在介绍流程的时候用了 3 个自动
服务器会 自动 地将 cookie 响应给浏览器。浏览器接收到响应回来的数据之后会 自动 地将 cookie 存储在浏览器本地。在后续的请求当中浏览器会 自动 地将 cookie 携带到服务器端。
为什么这一切都是自动化进行的 是因为 cookie 它是 HTP 协议当中所支持的技术而各大浏览器厂商都支持了这一标准。在 HTTP 协议官方给我们提供了一个响应头和请求头
响应头 Set-Cookie 设置Cookie数据的请求头 Cookie携带Cookie数据的 代码测试
RestController
public class SessionController {// 设置CookieGetMapping(/c1)public Result cookie1(HttpServletResponse response) {response.addCookie(new Cookie(login-username, heiheihei));// 设置Cookie/响应Cookiereturn Result.success();}// 获取CookieGetMapping(/c2)public Result cookie2(HttpServletRequest request) {Cookie[] cookies request.getCookies();for (Cookie cookie : cookies) {if (cookie.getName().equals(login-username)) {// 输出name为login_username的cookieSystem.out.println(login-username: cookie.getValue());}}return Result.success();}
}A. 访问c1接口设置Cookiehttp://localhost:8080/c1 我们可以看到设置的cookie通过响应头Set-Cookie响应给浏览器并且浏览器会将Cookie存储在浏览器端。 B. 访问c2接口 http://localhost:8080/c2此时浏览器会自动的将Cookie携带到服务端是通过请求头Cookie携带的。 优缺点
优点HTTP协议中支持的技术像Set-Cookie 响应头的解析以及 Cookie 请求头数据的携带都是浏览器自动进行的是无需我们手动操作的缺点 移动端APP(Android、IOS)中无法使用Cookie不安全用户可以自己禁用CookieCookie不能跨域 跨域介绍 现在的项目大部分都是前后端分离的前后端最终也会分开部署前端部署在服务器 192.168.150.200 上端口 80后端部署在 192.168.150.100上端口 8080我们打开浏览器直接访问前端工程访问urlhttp://192.168.150.200/login.html然后在该页面发起请求到服务端而服务端所在地址不再是localhost而是服务器的IP地 址192.168.150.100假设访问接口地址为http://192.168.150.100:8080/login那此时就存在跨域操作了因为我们是在 http://192.168.150.200/login.html 这 个页面上访问了http://192.168.150.100:8080/login 接口此时如果服务器设置了一个Cookie这个Cookie是不能使用的因为Cookie无法跨域 区分跨域的维度 协议IP/协议端口 只要上述的三个维度有任何一个维度不同那就是跨域操作 举例 http://192.168.150.200/login.html ----------https://192.168.150.200/login [协议不同跨域] http://192.168.150.200/login.html ----------http://192.168.150.100/login [IP不同跨域] http://192.168.150.200/login.html ----------http://192.168.150.200:8080/login [端口不同跨域] http://192.168.150.200/login.html ----------http://192.168.150.200/login [不跨域] 2.2.2.2 方案二 - Session
前面介绍的时候我们提到Session它是服务器端会话跟踪技术所以它是存储在服务器端的。而 Session 的底层其实就是基于我们刚才所介绍的 Cookie 来实现的。 获取Session 如果我们现在要基于 Session 来进行会话跟踪浏览器在第一次请求服务器的时候我们就可以直接在服务器当中来获取到会话对象Session。如果是第一次请求Session会话对象是不存在的这个时候服务器会自动的创建一个会话对象Session 。而每一个会话对象Session 它都有一个ID示意图中Session后面括号中的1就表示ID我们称之为 Session 的ID。 响应Cookie (JSESSIONID) 接下来服务器端在给浏览器响应数据的时候它会将 Session 的 ID 通过 Cookie 响应给浏览器。其实在响应头当中增加了一个 Set-Cookie 响应头。这个 Set-Cookie 响应头对应的值是不是cookie cookie 的名字是固定的 JSESSIONID 代表的服务器端会话对象Session 的 ID。浏览器会自动识别这个响应头然后自动将Cookie存储在浏览器本地。 查找Session 接下来在后续的每一次请求当中都会将 Cookie 的数据获取出来并且携带到服务端。接下来服务器拿到JSESSIONID这个 Cookie 的值也就是 Session 的ID。拿到 ID 之后就会从众多Session 当中来找到当前请求对应的会话对象Session。 这样我们就可以通过 Session 会话对象在同一次会话的多次请求之间来共享数据了这就是基于 Session 进行会话跟踪的流程。
代码测试
Slf4j
RestController
public class SessionController {GetMapping(/s1)// 设置Sessionpublic Result session1(HttpSession session){// 打印日志log.info(HttpSession-s1,session.hashCode());// 往session中存储数据session.setAttribute(loginUser,Tom);return Result.success();}GetMapping(/s2)public Result session2(HttpServletRequest request){// 获取session对象HttpSession session request.getSession();log.info(HttpSession-s2,session.hashCode());// 从session中获取数据Object loginUser session.getAttribute(loginUser);log.info(loginUser: ,loginUser);return Result.success(loginUser);}
}A. 访问 s1 接口http://localhost:8080/s1 请求完成之后在响应头中就会看到有一个Set-Cookie的响应头里面响应回来了一个Cookie就是JSESSIONID这个就是服务端会话对象 Session 的ID。
A. 访问 s1 接口http://localhost:8080/s2 接下来在后续的每次请求时都会将Cookie的值携带到服务端那服务端呢接收到Cookie之后会自动的根据JSESSIONID的值找到对应的会话对象Session。
那经过这两步测试大家也会看到在控制台中输出如下日志 两次请求获取到的Session会话对象的hashcode是一样的就说明是同一个会话对象。而且第一次请求时往Session会话对象中存储的值第二次请求时也获取到了。 那这样我们就可以通过Session会话对象在同一个会话的多次请求之间来进行数据共享了。
优缺点
优点Session是存储在服务端的安全缺点 服务器集群环境下无法直接使用Session移动端APP(Android、IOS)中无法使用Cookie用户可以自己禁用CookieCookie不能跨域 PSSession 底层是基于Cookie实现的会话跟踪如果Cookie不可用则该方案也就失效了。 服务器集群环境为何无法使用Session 首先第一点我们现在所开发的项目一般都不会只部署在一台服务器上因为一台服务器会存在一个很大的问题就是单点故障。所谓单点故障指的就是一旦这台服务器挂了整个应用都没法访问了。 所以在现在的企业项目开发当中最终部署的时候都是以集群的形式来进行部署也就是同一个项目它会部署多份。比如这个项目我们现在就部署了 3 份。而用户在访问的时候到底访问这三台其中的哪一台其实用户在访问的时候他会访问一台前置的服务器我们叫负载均衡服务器我们在后面项目当中会详细讲解。目前大家先有一个印象负载均衡服务器它的作用就是将前端发起的请求均匀的分发给后面的这三台服务器。 此时假如我们通过 session 来进行会话跟踪可能就会存在这样一个问题。用户打开浏览器要进行登录操作此时会发起登录请求。登录请求到达负载均衡服务器将这个请求转给了第一台omcat 服务器。 Tomcat 服务器接收到请求之后要获取到会话对象session。获取到会话对象 session之后要给浏览器响应数据最终在给浏览器响应数据的时候就会携带这么一个 cookie的名字就是 JSESSIONID下一次再请求的时候是不是又会将 Cookie 携带到服务端 好。此时假如又执行了一次查询操作要查询部门的数据。这次请求到达负载均衡服务器之后负载均衡服务器将这次请求转给了第二台 Tomcat服务器此时他就要到第二台Tomcat 服务器当中。根据JSESSIONID 也就是对应的 session 的 ID 值要找对应的session 会话对象。 我想请问在第二台服务器当中有没有这个ID的会话对象 Session是没有的。此时是不是就出现问题了我同一个浏览器发起了 2 次请求结果获取到的不是同一个会话对象这就是Session这种会话跟踪方案它的缺点在服务器集群环境下无法直接使用Session。 大家会看到上面这两种传统的会话技术在现在的企业开发当中是不是会存在很多的问题。 为了解决这些问题在现在的企业开发当中基本上都会采用第三种方案通过令牌技术来进行会话跟踪。接下来我们就来介绍一下令牌技术来看一下令牌技术又是如何跟踪会话的。
2.2.2.3 方案三 - 令牌技术
这里我们所提到的令牌其实它就是一个用户身份的标识看似很高大上很神秘其实本质就是一个字符串。 如果通过令牌技术来跟踪会话我们就可以在浏览器发起请求。在请求登录接口的时候如果登录成功我就可以生成一个令牌令牌就是用户的合法身份凭证。接下来我在响应数据的时候我就可以直接将令牌响应给前端。
接下来我们在前端程序当中接收到令牌之后就需要将这个令牌存储起来。这个存储可以存储在cookie 当中也可以存储在其他的存储空间(比如localStorage)当中。
接下来在后续的每一次请求当中都需要将令牌携带到服务端。携带到服务端之后接下来我们就需要来校验令牌的有效性。如果令牌是有效的就说明用户已经执行了登录操作如果令牌是无效的就说明用户之前并未执行登录操作。
此时如果是在同一次会话的多次请求之间我们想共享数据我们就可以将共享的数据存储在令牌当中就可以了。
优缺点
优点 支持PC端、移动端解决集群环境下的认证问题减轻服务器的存储压力无需在服务器端存储 缺点需要自己实现包括令牌的生成、令牌的传递、令牌的校验
针对于这三种方案现在企业开发当中使用的最多的就是第三种令牌技术进行会话跟踪。而前面的这两种传统的方案现在企业项目开发当中已经很少使用了。所以在我们的课程当中我们也将会采用令牌技术来解决案例项目当中的会话跟踪问题。
2.3 JWT令牌
前面我们介绍了基于令牌技术来实现会话追踪。这里所提到的令牌就是用户身份的标识其本质就是一个字符串。令牌的形式有很多我们使用的是功能强大的 JWT令牌。
2.3.1 介绍
JWT全称JSON Web Token 官网https://jwt.io/ 定义了一种简洁的、自包含的格式用于在通信双方以json数据格式安全的传输信息。由于数字签名的存在这些信息是可靠的。 简洁是指jwt就是一个简单的字符串。可以在请求参数或者是请求头当中直接传递。 自包含指的是jwt令牌看似是一个随机的字符串但是我们是可以根据自身的需求在jwt令牌中存储自定义的数据内容。如可以直接在jwt令牌中存储用户的相关信息。 简单来讲jwt就是将原始的json数据格式进行了安全的封装这样就可以直接基于jwt在通信双方安全的进行信息传输了。 JWT的组成 JWT令牌由三个部分组成三个部分之间使用英文的点来分割
第一部分Header(头 记录令牌类型、签名算法等。 例如 {“alg”:“HS256”,“type”:“JWT”}第二部分Payload(有效载荷携带一些自定义信息、默认信息等。 例如 {“id”:“1”,“username”:“Tom”}第三部分Signature(签名防止Token被篡改、确保安全性。将header、payload并加入指定秘钥通过指定签名算法计算而来 签名的目的就是为了防jwt令牌被篡改而正是因为jwt令牌最后一个部分数字签名的存在所以整个jwt 令牌是非常安全可靠的。一旦jwt令牌当中任何一个部分、任何一个字符被篡改了整个令牌在校验的时候都会失败所以它是非常安全可靠的。 JWT是如何将原始的JSON格式数据转变为字符串的呢 其实在生成JWT令牌时会对JSON格式的数据进行一次编码进行base64编码 Base64是一种基于64个可打印的字符来表示二进制数据的编码方式。既然能编码那也就意味着也能解码。所使用的64个字符分别是A到Z、a到z、 0- 9一个加号一个斜杠加起来就是64个字符。任何数据经过base64编码之后最终就会通过这64个字符来表示。当然还有一个符号那就是等号。等号它是一个补位的符号 需要注意的是Base64是编码方式而不是加密方式。 JWT令牌最典型的应用场景就是登录认证
在浏览器发起请求来执行登录操作此时会访问登录的接口如果登录成功之后我们需要生成一个jwt令牌将生成的 jwt令牌返回给前端。前端拿到jwt令牌之后会将jwt令牌存储起来。在后续的每一次请求中都会将jwt令牌携带到服务端。服务端统一拦截请求之后先来判断一下这次请求有没有把令牌带过来如果没有带过来直接拒绝访问如果带过来了还要校验一下令牌是否是有效。如果有效就直接放行进行请求的处理。
在JWT登录认证的场景中我们发现整个流程当中涉及到两步操作
在登录成功之后要生成令牌。每一次请求当中要接收令牌并对令牌进行校验。 稍后我们再来学习如何来生成jwt令牌以及如何来校验jwt令牌。
2.3.2 生成和校验
简单介绍了JWT令牌以及JWT令牌的组成之后接下来我们就来学习基于Java代码如何生成和校验JWT令牌。
首先我们先来实现JWT令牌的生成。要想使用JWT令牌需要先引入JWT的依赖
!--Jwt依赖--
dependencygroupIdio.jsonwebtoken/groupIdartifactIdjjwt/artifactIdversion0.9.1/version
/dependency在引入完JWT来赖后就可以调用工具包中提供的API来完成JWT令牌的生成和校验 工具类Jwts 生成JWT代码实现 Testpublic void genJwt(){MapString, Object claims new HashMap();claims.put(id,1);claims.put(username,Tom);String jwt Jwts.builder().setClaims(claims) // 自定义内容(载荷).signWith(SignatureAlgorithm.HS256,isoftStoneisoftStoneisoftStoneisoftStoneisoftStoneisoftStoneisoftStoneisoftStone) // 签名算法.setExpiration(new Date(System.currentTimeMillis() 24 * 3600 * 1000)) // 有效期.compact();System.out.println(jwt);}运行测试方法
eyJhbGciOiJIUzI1NiJ9.eyJpZCI6MSwidXNlcm5hbWUiOiJUb20iLCJleHAiOjE3Mjg4NzczNjh9.O9oJnKtVQijiEW1373Ze2UuZDq8D8VNl8eBlRANvJwM输出的结果就是生成的JWT令牌,通过英文的点分割对三个部分进行分割我们可以将生成的令牌复制一下然后打开JWT的官网将生成的令牌直接放在Encoded位置此时就会自动的将令牌解析出来。 第一部分解析出来看到JSON格式的原始数据所使用的签名算法为HS256。 第二个部分是我们自定义的数据之前我们自定义的数据就是id还有一个exp代表的是我们所设置的过期时间。 由于前两个部分是base64编码所以是可以直接解码出来。但最后一个部分并不是base64编码是经过签名算法计算出来的所以最后一个部分是不会解析的。 实现了JWT令牌的生成下面我们接着使用Java代码来校验JWT令牌(解析生成的令牌)
Testpublic void parseJwt(){Claims claims Jwts.parser()//指定签名密钥必须保证和生成令牌时使用相同的签名密钥.setSigningKey(isoftStoneisoftStoneisoftStoneisoftStoneisoftStoneisoftStoneisoftStoneisoftStone).parseClaimsJws(eyJhbGciOiJIUzI1NiJ9.eyJpZCI6MSwidXNlcm5hbWUiOiJUb20iLCJleHAiOjE3Mjg4NzczNjh9.O9oJnKtVQijiEW1373Ze2UuZDq8D8VNl8eBlRANvJwM).getBody();System.out.println(claims);}运行测试方法
{id1, usernameTom, exp1728877368}令牌解析后我们可以看到id和过期时间如果在解析的过程当中没有报错就说明解析成功了。 下面我们做一个测试把令牌header中的数字9变为8运行测试方法后发现报错 原headereyJhbGciOiJIUzI1NiJ9 修改为eyJhbGciOiJIUzI1NiJ8 结论篡改令牌中的任何一个字符在对令牌进行解析时都会报错所以JWT令牌是非常安全可靠的。
我们继续测试修改生成令牌的时指定的过期时间修改为1分钟 Testpublic void genJwt(){MapString, Object claims new HashMap();claims.put(id,1);claims.put(username,Tom);String jwt Jwts.builder().setClaims(claims) // 自定义内容(载荷).signWith(SignatureAlgorithm.HS256,isoftStoneisoftStoneisoftStoneisoftStoneisoftStoneisoftStoneisoftStoneisoftStone) // 签名算法.setExpiration(new Date(System.currentTimeMillis() 60 * 1000)) // 有效期.compact();System.out.println(jwt);// 输出结果// eyJhbGciOiJIUzI1NiJ9.eyJpZCI6MSwiZXhwIjoxNzI4NzkyNjE1LCJ1c2VybmFtZSI6IlRvbSJ9.52EmnxJ1A5xfgaXVH8RH9nbdUeqfCmx2g5HQp1iq2Ww}Testpublic void parseJwt(){Claims claims Jwts.parser()//指定签名密钥必须保证和生成令牌时使用相同的签名密钥.setSigningKey(isoftStoneisoftStoneisoftStoneisoftStoneisoftStoneisoftStoneisoftStoneisoftStone).parseClaimsJws(eyJhbGciOiJIUzI1NiJ9. eyJpZCI6MSwiZXhwIjoxNzI4NzkyNjE1LCJ1c2VybmFtZSI6IlRvbSJ9. 52EmnxJ1A5xfgaXVH8RH9nbdUeqfCmx2g5HQp1iq2Ww).getBody();System.out.println(claims);}等待1分钟之后运行测试方法发现也报错了说明JWT令牌过期后令牌就失效了解析的为非法令牌。
通过以上测试我们在使用JWT令牌时需要注意
JWT校验时使用的签名秘钥必须和生成JWT令牌时使用的秘钥是配套的。如果JWT令牌解析校验时报错则说明 JWT令牌被篡改 或 失效了令牌非法。
2.3.3 登录下发令牌
JWT令牌的生成和校验的基本操作我们已经学习完了接下来我们就需要在案例当中通过JWT令牌技术来跟踪会话。具体的思路我们前面已经分析过了主要就是两步操作
生成令牌 在登录成功之后来生成一个JWT令牌并且把这个令牌直接返回给前端 校验令牌 拦截前端请求从请求中获取到令牌对令牌进行解析校验
那我们首先来完成登录成功之后生成JWT令牌并且把令牌返回给前端。
JWT令牌怎么返回给前端呢此时我们就需要再来看一下接口文档当中关于登录接口的描述主要看响应数据
响应数据
参数格式application/json 参数说明
名称类型是否必须默认值备注其他信息codenumber必须响应码, 1 成功 ; 0 失败msgstring非必须提示信息datastring必须返回的数据 , jwt令牌
响应数据样例
{code: 1,msg: success,data:eyJhbGciOiJIUzI1NiJ9.eyJuYW1lIjoi6YeR5bq4IiwiaWQiOjEsInVzZXJuYW1lIjoiamlueW9uZyIsImV4cCI6MTY2MjIwNzA0OH0.KkUc_CXJZJ8Dd063eImx4H9Ojfrr6XMJ-yVzaWCVZCo
}备注说明
用户登录成功后系统会自动下发JWT令牌然后在后续的每次请求中都需要在请求头header中携带到服务端请求头的名称为 token 值为 登录时下发的JWT令牌。
如果检测到用户未登录则会返回如下固定错误信息
{code: 0,msg: NOT_LOGIN,data: null
}解读完接口文档中的描述了目前我们先来完成令牌的生成和令牌的下发我们只需要生成一个令牌返回给前端就可以了。
实现步骤
引入JWT工具类 在项目工程下创建com.itheima.utils包并把提供JWT工具类复制到该包下登录完成后调用工具类生成JWT令牌并返回
public class JwtUtils {private static String signKey isoftStoneisoftStoneisoftStone; // 签名密钥private static Long expire 43200000L; // 有效时间/*** 生成JWT令牌* param claims JWT第二部分负载 payload 中存储的内容* return*/public static String genJwt(MapString,Object claims){String jwt Jwts.builder().addClaims(claims) // 自定义信息有效载荷.signWith(SignatureAlgorithm.HS256, signKey) // 签名算法头部.setExpiration(new Date(expire)) // 过期时间.compact();return jwt;}/*** 解析JWT令牌* param jwt JWT令牌* return JWT第二部分负载 payload 中存储的内容*/public static Claims parseJwt(String jwt){Claims claims Jwts.parser().setSigningKey(signKey) // 指定签名密钥.parseClaimsJws(jwt) // 指定令牌Token.getBody();return claims;}
}登录成功生成JWT令牌并返回
Slf4j
RestController
public class LoginController {Autowiredprivate EmpService empService;PostMapping(/login)public Result login(RequestBody Emp emp) {log.info(登录账号密码{},{}, emp.getUsername(), emp.getPassword());// 调用业务层登录功能Emp e empService.login(emp);// 判断登录用户是否存在if (e!null){// 自定义信息MapString,Object claims new HashMap();claims.put(id,e.getId());claims.put(name,e.getName());claims.put(username,e.getUsername());// 使用JWT工具类生成身份令牌String token JwtUtils.genJwt(claims);return Result.success(token);}return Result.error(用户名或密码错误);}
}重启服务打开postman测试登录接口 打开浏览器完成前后端联调操作利用开发者工具抓取一下网络请求 登录请求完成后可以看到JWT令牌已经响应给了前端此时前端就会将JWT令牌存储在浏览器本地。 服务器响应的JWT令牌存储在本地浏览器哪里了呢 在当前案例中JWT令牌存储在浏览器的本地存储空间local storage中了。 localstorage是浏览器的本地存储在移动端也是支持的。 我们在发起一个查询部门数据的请求此时我们可以看到在请求头中包含一个token(JWT令牌)后续的每一次请求当中都会将这个令牌携带到服务端。
