详解JWT token心得与使用实例


Posted in Javascript onAugust 02, 2019

本文你能学到什么?

token的组成
token串的生成流程。
token在客户端与服务器端的交互流程
Token的优点和思考
参考代码:核心代码使用参考,不是全部代码

JWT token的组成

头部(Header),格式如下:

{ 
“typ”: “JWT”, 
“alg”: “HS256” 
}

由上可知,该token使用HS256加密算法,将头部使用Base64编码可得到如下个格式的字符串:

eyJhbGciOiJIUzI1NiJ9

有效载荷(Playload):

{ 
“iss”: “Online JWT Builder”, 
“iat”: 1416797419, 
“exp”: 1448333419, 
……. 
“userid”:10001 
}

有效载荷中存放了token的签发者(iss)、签发时间(iat)、过期时间(exp)等以及一些我们需要写进token中的信息。有效载荷也使用Base64编码得到如下格式的字符串:

eyJ1c2VyaWQiOjB9

签名(Signature):

将Header和Playload拼接生成一个字符串str=“eyJhbGciOiJIUzI1NiJ9.eyJ1c2VyaWQiOjB9”,使用HS256算法和我们提供的密钥(secret,服务器自己提供的一个字符串)对str进行加密生成最终的JWT,即我们需要的令牌(token),形如:str.”签名字符串”。

token在服务与客户端的交互流程

1:客户端通过用户名和密码登录
2:服务器验证用户名和密码,若通过,生成token返回给客户端。
3:客户端收到token后以后每次请求的时候都带上这个token,相当于一个令牌,表示我有权限访问了
4:服务器接收(通常在拦截器中实现)到该token,然后验证该token的合法性(为什么能验证下面说)。若该token合法,则通过请求,若token不合法或者过期,返回请求失败。

关于Token的思考

服务如何判断这个token是否合法?

由上面token的生成可知,token中的签名是由Header和有效载荷通过Base64编码生成再通过加密算法HS256和密钥最终生成签名,这个签名位于JWT的尾部,在服务器端同样对返回过来的JWT的前部分再进行一次签名生成,然后比较这次生成的签名与请求的JWT中的签名是否一致,若一致说明token合法。由于生成签名的密钥是服务器才知道的,所以别人难以伪造。

token中能放敏感信息吗?
不能,因为有效载荷是经过Base64编码生成的,并不是加密。所以不能存放敏感信息。

Token的优点

(1)相比于session,它无需保存在服务器,不占用服务器内存开销。
(2)无状态、可拓展性强:比如有3台机器(A、B、C)组成服务器集群,若session存在机器A上,session只能保存在其中一台服务器,此时你便不能访问机器B、C,因为B、C上没有存放该Session,而使用token就能够验证用户请求合法性,并且我再加几台机器也没事,所以可拓展性好就是这个意思。
(3)由(2)知,这样做可就支持了跨域访问。

Java实例:JWT token使用

部分代码来自互联网,找不到原作者了。。

编写JWT(Java Web Token)操作类:JavaWebToken

public class JavaWebToken {

  private static Logger log = LoggerFactory.getLogger(JavaWebToken.class);

  //该方法使用HS256算法和Secret:bankgl生成signKey
  private static Key getKeyInstance() {
    //We will sign our JavaWebToken with our ApiKey secret
    SignatureAlgorithm signatureAlgorithm = SignatureAlgorithm.HS256;
    byte[] apiKeySecretBytes = DatatypeConverter.parseBase64Binary("bankgl");
    Key signingKey = new SecretKeySpec(apiKeySecretBytes, signatureAlgorithm.getJcaName());
    return signingKey;
  }

  //使用HS256签名算法和生成的signingKey最终的Token,claims中是有效载荷
  public static String createJavaWebToken(Map<String, Object> claims) {
    return Jwts.builder().setClaims(claims).signWith(SignatureAlgorithm.HS256, getKeyInstance()).compact();
  }

  //解析Token,同时也能验证Token,当验证失败返回null
  public static Map<String, Object> parserJavaWebToken(String jwt) {
    try {
      Map<String, Object> jwtClaims =
          Jwts.parser().setSigningKey(getKeyInstance()).parseClaimsJws(jwt).getBody();
      return jwtClaims;
    } catch (Exception e) {
      log.error("json web token verify failed");
      return null;
    }
  }
}

编写登录Conreoller,在服务器端给客户返回token.

public LoginStatusMessage checkUserAndPassword(
  @RequestParam(value="username",required=true) String username,
  @RequestParam(value="password",required=true) String password,User user,HttpServletRequest request) throws Exception{
    User u = new User();
    //登录成功
    if((u = userService.checkUsernameAndPassword(user)) != null){
      Map<String,Object> m = new HashMap<String,Object>();
      m.put("userid", user.getUserid());
      String token = JavaWebToken.createJavaWebToken(m);
      System.out.println(token);
      LoginStatusMessage lsm = new LoginStatusMessage();
      lsm.setUser(u);
      lsm.setToken(token);
      return lsm;
    };
    //登录失败,返回Null
    return null;
  }

在拦截器中对请求中的Token验证(部分代码,表示下意思):

String token = request.getParameter("token");
      if(JavaWebToken.parserJavaWebToken(token) != null){
        //表示token合法
        return true;
      }else{
        //token不合法或者过期
        return false;
      }

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
详细讲解JS节点知识
Jan 31 Javascript
javascript之学会吝啬 精简代码
Apr 25 Javascript
jQuery EasyUI 中文API Layout(Tabs)
Apr 27 Javascript
js动态给table添加/删除tr的方法
Aug 02 Javascript
在JavaScript中用getMinutes()方法返回指定的分时刻
Jun 10 Javascript
swtich/if...else的替代语句
Aug 16 Javascript
JS+CSS实现分类动态选择及移动功能效果代码
Oct 19 Javascript
BooStrap对导航条的改造实践小结
Sep 21 Javascript
Bootstrap框架建立树形菜单(Tree)的实例代码
Oct 30 Javascript
bootstrap 通过加减按钮实现输入框组功能
Nov 15 Javascript
微信小程序实现简单跑马灯效果
May 26 Javascript
基于elementUI实现图片预览组件的示例代码
Mar 31 Javascript
详解使用JWT实现单点登录(完全跨域方案)
Aug 02 #Javascript
基于mpvue的简单弹窗组件mptoast使用详解
Aug 02 #Javascript
vue下使用nginx刷新页面404的问题解决
Aug 02 #Javascript
超轻量级的js时间库miment使用解析
Aug 02 #Javascript
操作按钮悬浮固定在微信小程序底部的实现代码
Aug 02 #Javascript
微信小程序中悬浮窗功能的实现代码
Aug 02 #Javascript
微信小程序的授权实现过程解析
Aug 02 #Javascript
You might like
聊天室php&amp;mysql(二)
2006/10/09 PHP
php下网站防IP攻击代码,超级实用
2010/10/24 PHP
PHP常用开发函数解析之数组篇[未完结]
2012/07/30 PHP
php调用dll的实例操作动画与代码分享
2012/08/14 PHP
PHP Cookei记录用户历史浏览信息的代码
2016/02/03 PHP
YII2框架中excel表格导出的方法详解
2017/07/21 PHP
PHP检测一个数组有没有定义的方法步骤
2019/07/20 PHP
Javascript 函数对象的多重身份
2009/06/28 Javascript
JavaScript 面向对象编程(2) 定义类
2010/05/18 Javascript
文字不间断滚动(上下左右)实例代码
2013/04/21 Javascript
jquery实现漂浮在网页右侧的qq在线客服插件示例
2013/05/13 Javascript
jQuery Validate 验证,校验规则写在控件中的具体实例
2014/02/27 Javascript
JS判断、校验MAC地址的2个实例
2014/05/05 Javascript
javascript制作幻灯片(360度全景图片)
2015/07/28 Javascript
JS+CSS实现另类带提示效果的竖向导航菜单
2015/10/15 Javascript
AngularJS入门教程之AngularJS表达式
2016/04/18 Javascript
基于JavaScript实现验证码功能
2017/04/01 Javascript
如何理解Vue的render函数的具体用法
2017/08/30 Javascript
Django使用多数据库的方法
2017/09/06 Javascript
vue源码学习之Object.defineProperty 对数组监听
2018/05/30 Javascript
10种检测Python程序运行时间、CPU和内存占用的方法
2015/04/01 Python
在Python的Django框架中更新数据库数据的方法
2015/07/17 Python
python机器学习实战之最近邻kNN分类器
2017/12/20 Python
在PyCharm环境中使用Jupyter Notebook的两种方法总结
2018/05/24 Python
使用Python制作简单的小程序IP查看器功能
2019/04/16 Python
Python3+Pycharm+PyQt5环境搭建步骤图文详解
2019/05/29 Python
Python爬虫之Spider类用法简单介绍
2020/08/04 Python
使用HTML5的Notification API制作web通知的教程
2015/05/08 HTML / CSS
与世界上最好的跑步专业品牌合作:Fleet Feet
2019/03/22 全球购物
环境建设实施方案
2014/03/14 职场文书
家长对老师的评语
2014/04/18 职场文书
护理专业自荐书
2014/06/04 职场文书
优秀应届毕业生自荐书
2014/06/29 职场文书
自习课吵闹检讨书范文
2014/09/26 职场文书
交通安全教育主题班会
2015/08/12 职场文书
关于Python OS模块常用文件/目录函数详解
2021/07/01 Python