问题

Vue SPA之后,前后端完全分离,后端不再托管前端的页面,session也不再起作用。继而引发出一个问题,如何继续的保持前后端的状态?
一种流行的解决方案是JWT。

JWT

Json web token 官网: https://jwt.io/
JWT是由三段信息构成的,将这三段信息文本用.链接一起就构成了Jwt字符串。就像这样:
eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiYWRtaW4iOnRydWV9.TJVA95OrM7E2cBab30RMHrHDcEfxjoYZgeFONFh7HgQ

JWT的构成

第一部分我们称它为头部(header),第二部分我们称其为载荷(payload, 类似于飞机上承载的物品),第三部分是签证(signature).

header

jwt的头部承载两部分信息:

  • 声明类型,这里是jwt
  • 声明加密的算法 通常直接使用 HMAC SHA256

完整的头部就像下面这样的JSON:
{
‘typ’: ‘JWT’,
‘alg’: ‘HS256’
}
然后将头部进行base64加密(该加密是可以对称解密的),构成了第一部分.
eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9

playload

载荷就是存放有效信息的地方。这个名字像是特指飞机上承载的货品,这些有效信息包含三个部分

  • 标准中注册的声明
  • 公共的声明
  • 私有的声明

标准中注册的声明 (建议但不强制使用) :

  • iss: jwt签发者
  • sub: jwt所面向的用户
  • aud: 接收jwt的一方
  • exp: jwt的过期时间,这个过期时间必须要大于签发时间
  • nbf: 定义在什么时间之前,该jwt都是不可用的.
  • iat: jwt的签发时间
  • jti: jwt的唯一身份标识,主要用来作为一次性token,从而回避重放攻击。

公共的声明 : 公共的声明可以添加任何的信息,一般添加用户的相关信息或其他业务需要的必要信息.但不建议添加敏感信息,因为该部分在客户端可解密.
私有的声明 : 私有声明是提供者和消费者所共同定义的声明,一般不建议存放敏感信息,因为base64是对称解密的,意味着该部分信息可以归类为明文信息。
定义一个payload:
{
“sub”: “1234567890”,
“name”: “John Doe”,
“admin”: true
}
然后将其进行base64加密,得到Jwt的第二部分。
eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiYWRtaW4iOnRydWV9

signature

jwt的第三部分是一个签证信息,这个签证信息由三部分组成:

  • header (base64后的)
  • payload (base64后的)
  • secret

这个部分需要base64加密后的header和base64加密后的payload使用.连接组成的字符串,然后通过header中声明的加密方式进行加盐secret组合加密,然后就构成了jwt的第三部分。
// javascript
var encodedString = base64UrlEncode(header) + ‘.’ + base64UrlEncode(payload);
var signature = HMACSHA256(encodedString, ‘secret’); // TJVA95OrM7E2cBab30RMHrHDcEfxjoYZgeFONFh7HgQ
将这三部分用.连接成一个完整的字符串,构成了最终的jwt:
eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiYWRtaW4iOnRydWV9.TJVA95OrM7E2cBab30RMHrHDcEfxjoYZgeFONFh7HgQ
注意:secret是保存在服务器端的,jwt的签发生成也是在服务器端的,secret就是用来进行jwt的签发和jwt的验证,所以,它就是你服务端的私钥,在任何场景都不应该流露出去。一旦客户端得知这个secret, 那就意味着客户端是可以自我签发jwt了。

如何应用

一般是在请求头里加入Authorization,并加上Bearer标注:
fetch(‘api/user/1’, {
headers: {
‘Authorization’: ‘Bearer ‘ + token
}
})
服务端会验证token,如果验证通过就会返回相应的资源。整个流程就是这样的:
Shiro JWT教程 - 图1
jwt-diagram

总结

优点

  • 因为json的通用性,所以JWT是可以进行跨语言支持的,像JAVA,JavaScript,NodeJS,PHP等很多语言都可以使用。
  • 因为有了payload部分,所以JWT可以在自身存储一些其他业务逻辑所必要的非敏感信息。
  • 便于传输,jwt的构成非常简单,字节占用很小,所以它是非常便于传输的。
  • 它不需要在服务端保存会话信息, 所以它易于应用的扩展

    安全相关

  • 不应该在jwt的payload部分存放敏感信息,因为该部分是客户端可解密的部分。

  • 保护好secret私钥,该私钥非常重要。
  • 如果可以,请使用https协议

来自: https://www.jianshu.com/p/576dbf44b2ae

Shiro集成JWT

JWT需要在客户端存储,并且随请求发送,所以传统的验证方式将会发生改变

思路:

  1. 登录请求不走shiro,自行实现,并在成功后颁发jwt
  2. 所有的请求都走shiro自定义过滤器
  3. 自定义过滤器内部获取jwt,并根据jwt中的用户信息获取权限信息并判断是否有权限

修改方式:

  1. 登录请求处理
  2. 认证逻辑

登录时不走shiro,直接走controller,成功后颁发jwt

  1. package me.maiz.shiro.shirojwt.controller;
  2. import lombok.extern.slf4j.Slf4j;
  3. import me.maiz.shiro.shirojwt.common.JwtUtils;
  4. import me.maiz.shiro.shirojwt.common.Result;
  5. import me.maiz.shiro.shirojwt.model.User;
  6. import me.maiz.shiro.shirojwt.service.LoginService;
  7. import org.springframework.beans.factory.annotation.Autowired;
  8. import org.springframework.web.bind.annotation.CrossOrigin;
  9. import org.springframework.web.bind.annotation.PostMapping;
  10. import org.springframework.web.bind.annotation.RestController;
  11. import javax.servlet.http.HttpServletRequest;
  12. import javax.servlet.http.HttpServletResponse;
  13. @RestController
  14. @CrossOrigin("*")
  15. @Slf4j
  16. public class LoginController {
  17. @Autowired
  18. private LoginService loginService;
  19. @PostMapping("login")
  20. public Result login(HttpServletResponse response, String username, String password){
  21. //执行登录操作,签发jwt ,但不走shiro
  22. log.info("登录操作:{},{}",username,password);
  23. User user = loginService.login(username, password);
  24. String jwt = JwtUtils.createJWT(user);
  25. response.setHeader(JwtUtils.AUTH_TOKEN_NAME,jwt);
  26. return Result.success(jwt);
  27. }
  28. }
  1. 创建filter,验证jwt,filter调用realm
    1. package me.maiz.shiro.shirojwt.component;
    2. import com.fasterxml.jackson.databind.ObjectMapper;
    3. import com.google.common.base.Strings;
    4. import io.jsonwebtoken.Claims;
    5. import me.maiz.shiro.shirojwt.common.JwtUtils;
    6. import me.maiz.shiro.shirojwt.common.Result;
    7. import me.maiz.shiro.shirojwt.model.User;
    8. import org.apache.shiro.authc.AuthenticationToken;
    9. import org.apache.shiro.authc.UnknownAccountException;
    10. import org.apache.shiro.subject.Subject;
    11. import org.apache.shiro.web.filter.authc.AuthenticatingFilter;
    12. import org.apache.shiro.web.util.WebUtils;
    13. import org.slf4j.Logger;
    14. import org.slf4j.LoggerFactory;
    15. import org.springframework.http.HttpStatus;
    16. import org.springframework.web.bind.annotation.RequestMethod;
    17. import javax.servlet.ServletRequest;
    18. import javax.servlet.ServletResponse;
    19. import javax.servlet.http.HttpServletRequest;
    20. import javax.servlet.http.HttpServletResponse;
    21. public class JWTFilter extends AuthenticatingFilter {
    22. private static final Logger logger = LoggerFactory.getLogger(JWTFilter.class);
    23. @Override
    24. protected boolean preHandle(ServletRequest request, ServletResponse response) throws Exception {
    25. logger.info("进入预处理");
    26. //全局允许跨域
    27. HttpServletRequest httpServletRequest = (HttpServletRequest) request;
    28. HttpServletResponse httpServletResponse = (HttpServletResponse) response;
    29. httpServletResponse.setHeader("Access-control-Allow-Origin", httpServletRequest.getHeader("Origin"));
    30. httpServletResponse.setHeader("Access-Control-Allow-Methods", "GET,POST,OPTIONS,PUT,DELETE");
    31. httpServletResponse.setHeader("Access-Control-Allow-Headers", httpServletRequest.getHeader("Access-Control-Request-Headers"));
    32. // 跨域时会首先发送一个 option请求,这里我们给 option请求直接返回正常状态
    33. if (httpServletRequest.getMethod().equals(RequestMethod.OPTIONS.name())) {
    34. httpServletResponse.setStatus(HttpStatus.OK.value());
    35. return false;
    36. }
    37. return super.preHandle(request, response);
    38. }
    39. @Override
    40. protected boolean isAccessAllowed(ServletRequest request, ServletResponse response, Object mappedValue) {
    41. return getTokenHeader(request)!=null||super.isAccessAllowed(request, response, mappedValue);
    42. }
    43. private String getTokenHeader(ServletRequest req){
    44. HttpServletRequest request = (HttpServletRequest) req;
    45. String token = request.getHeader(JwtUtils.AUTH_TOKEN_NAME);
    46. return token;
    47. }
    48. /**
    49. * 从请求中提取Token
    50. * @param req
    51. * @param response
    52. * @return
    53. * @throws Exception
    54. */
    55. @Override
    56. protected AuthenticationToken createToken(ServletRequest req, ServletResponse response) throws Exception {
    57. String token = getTokenHeader(req);
    58. if(Strings.isNullOrEmpty(token)){
    59. throw new UnknownAccountException("请求不合法,JWT token未传入");
    60. }
    61. return new JwtToken(token);
    62. }
    63. @Override
    64. protected boolean onAccessDenied(ServletRequest request, ServletResponse response) throws Exception {
    65. HttpServletRequest httpServletRequest = WebUtils.toHttp(request);
    66. HttpServletResponse httpServletResponse = WebUtils.toHttp(response);
    67. // 返回401
    68. httpServletResponse.setStatus(HttpServletResponse.SC_UNAUTHORIZED);
    69. // 设置响应码为401或者直接输出消息
    70. String url = httpServletRequest.getRequestURI();
    71. ObjectMapper objectMapper = new ObjectMapper();
    72. Result fail = Result.fail("未授权的请求,请先登录");
    73. httpServletResponse.setContentType("application/json;charset=utf-8");
    74. httpServletResponse.getWriter().print(objectMapper.writeValueAsString(fail));
    75. return false;
    76. }
    77. @Override
    78. protected boolean onLoginSuccess(AuthenticationToken token, Subject subject, ServletRequest request, ServletResponse response) throws Exception {
    79. //TODO 刷新token
    80. return super.onLoginSuccess(token, subject, request, response);
    81. }
    82. }
    1. package me.maiz.shiro.shirojwt.component;
    2. import io.jsonwebtoken.Claims;
    3. import lombok.extern.slf4j.Slf4j;
    4. import me.maiz.shiro.shirojwt.common.JwtUtils;
    5. import me.maiz.shiro.shirojwt.model.User;
    6. import org.apache.shiro.authc.AuthenticationException;
    7. import org.apache.shiro.authc.AuthenticationInfo;
    8. import org.apache.shiro.authc.AuthenticationToken;
    9. import org.apache.shiro.authc.SimpleAuthenticationInfo;
    10. import org.apache.shiro.authz.AuthorizationInfo;
    11. import org.apache.shiro.authz.SimpleAuthorizationInfo;
    12. import org.apache.shiro.realm.AuthorizingRealm;
    13. import org.apache.shiro.subject.PrincipalCollection;
    14. @Slf4j
    15. public class ShiroRealm extends AuthorizingRealm {
    16. @Override
    17. protected AuthorizationInfo doGetAuthorizationInfo(PrincipalCollection principals) {
    18. Object primaryPrincipal = principals.getPrimaryPrincipal();
    19. User user = (User) primaryPrincipal;
    20. //查询权限等
    21. SimpleAuthorizationInfo simpleAuthorizationInfo = new SimpleAuthorizationInfo();
    22. simpleAuthorizationInfo.setRoles(null);
    23. simpleAuthorizationInfo.setStringPermissions(null);
    24. return simpleAuthorizationInfo;
    25. }
    26. @Override
    27. public boolean supports(AuthenticationToken token) {
    28. return token instanceof JwtToken;
    29. }
    30. @Override
    31. protected AuthenticationInfo doGetAuthenticationInfo(AuthenticationToken token) throws AuthenticationException {
    32. log.info("登录操作:{}",token);
    33. JwtToken jwtToken = (JwtToken) token;
    34. //从token中解析出jwt附带的数据,如果jwt过期会抛出异常
    35. User user = JwtUtils.parseJwt(jwtToken.getToken());
    36. return new SimpleAuthenticationInfo(user,jwtToken.getToken(),getName());
    37. }
    38. }
  1. 配置过滤器,使其生效
    1. package me.maiz.shiro.shirojwt.config;
    2. import me.maiz.shiro.shirojwt.component.JWTFilter;
    3. import me.maiz.shiro.shirojwt.component.ShiroRealm;
    4. import org.apache.shiro.cache.MemoryConstrainedCacheManager;
    5. import org.apache.shiro.realm.Realm;
    6. import org.apache.shiro.spring.web.ShiroFilterFactoryBean;
    7. import org.apache.shiro.spring.web.config.DefaultShiroFilterChainDefinition;
    8. import org.apache.shiro.spring.web.config.ShiroFilterChainDefinition;
    9. import org.springframework.context.annotation.Bean;
    10. import org.springframework.context.annotation.Configuration;
    11. import org.apache.shiro.mgt.SecurityManager;
    12. import javax.servlet.Filter;
    13. import java.util.LinkedHashMap;
    14. @Configuration
    15. public class ShiroConfig {
    16. /**
    17. * 自定义Realm 提供数据源
    18. * @return
    19. */
    20. @Bean
    21. public Realm shiroRealm(){
    22. ShiroRealm shiroRealm = new ShiroRealm();
    23. shiroRealm.setCacheManager(cacheManager());
    24. return shiroRealm;
    25. }
    26. @Bean
    27. public MemoryConstrainedCacheManager cacheManager(){
    28. return new MemoryConstrainedCacheManager();
    29. }
    30. /**
    31. * shiro的过滤器链
    32. * @return
    33. */
    34. @Bean
    35. public ShiroFilterFactoryBean shiroFilterFactoryBean(SecurityManager securityManager){
    36. ShiroFilterFactoryBean shiroFilterFactoryBean = new ShiroFilterFactoryBean();
    37. shiroFilterFactoryBean.setSecurityManager(securityManager);
    38. DefaultShiroFilterChainDefinition sfcd = new DefaultShiroFilterChainDefinition();
    39. // 在 Shiro过滤器链上加入 自定义过滤器JWTFilter 并取名为jwt
    40. LinkedHashMap<String, Filter> filters = new LinkedHashMap<>();
    41. filters.put("jwt", new JWTFilter());
    42. shiroFilterFactoryBean.setFilters(filters);
    43. //放行 使用
    44. sfcd.addPathDefinition("/","anon");
    45. sfcd.addPathDefinition("/login","anon");
    46. sfcd.addPathDefinition("/error/404.html","anon");
    47. sfcd.addPathDefinition("/css/**","anon");
    48. sfcd.addPathDefinition("/js/**","anon");
    49. sfcd.addPathDefinition("/images/**","anon");
    50. sfcd.addPathDefinition("/fonts/**","anon");
    51. sfcd.addPathDefinition("/html/**","anon");
    52. //logout 登出
    53. sfcd.addPathDefinition("/logout","logout");
    54. //其他则需要认证
    55. sfcd.addPathDefinition("/**","jwt");
    56. shiroFilterFactoryBean.setFilterChainDefinitionMap(sfcd.getFilterChainMap());
    57. return shiroFilterFactoryBean;
    58. }
    59. }

https://segmentfault.com/a/1190000018856394
https://github.com/just-right/shiro
https://juejin.cn/post/6893859365359468557