Node使用koa2实现一个简单JWT鉴权的方法


Posted in Javascript onJanuary 26, 2021

JWT 简介

什么是 JWT

全称 JSON Web Token , 是目前最流行的跨域认证解决方案。基本的实现是服务端认证后,生成一个 JSON 对象,发回给用户。用户与服务端通信的时候,都要发回这个 JSON 对象。

JSON 类似如下:

{
 "姓名": "张三",
 "角色": "管理员",
 "到期时间": "2018年7月1日0点0分"
}

为什么需要 JWT

先看下一般的认证流程,基于 session_idCookie 实现

1、用户向服务器发送用户名和密码。

2、服务器验证通过后,在当前对话( session )里面保存相关数据,比如用户角色、登录时间等等。

3、服务器向用户返回一个 session_id ,写入用户的 Cookie

4、用户随后的每一次请求,都会通过 Cookie ,将 session_id 传回服务器。

5、服务器收到 session_id ,找到前期保存的数据,由此得知用户的身份。

但是这里有一个大的问题, 假如是服务器集群,则要求 session 数据共享,每台服务器都能够读取 session 。这个实现成本是比较大的。

JWT 转换了思路,将 JSON 数据返回给前端的,前端再次请求时候将数据发送到后端,后端进行验证。也就是服务器是无状态的,所以更加容易拓展。

JWT 的数据结构

JWT 的三个部分依次如下:

Header (头部),类似如下

{
 "alg": "HS256",
 "typ": "JWT"
}

alg 属性表示签名的算法( algorithm ),默认是 HMAC SHA256 (写成 HS256 )。 typ 属性表示这个令牌( token )的类型( type ), JWT 令牌统一写为 JWT

Payload (负载)。也是一个 JSON ,用来存放实际需要传递的数据。 JWT 规定了 7 个官方字段。如下所示

  • iss (issuer):签发人
  • exp (expiration time):过期时间
  • sub (subject):主题
  • aud (audience):受众
  • nbf (Not Before):生效时间
  • iat (Issued At):签发时间
  • jti (JWT ID):编号

当然也可以自定义私有字段。 但是要注意,JWT 默认是不加密的,任何人都可以读到,所以不要把秘密信息放在这个部分。

Signature (签名)。 Signature 部分是对前两部分的签名,防止数据篡改。首先,需要指定一个密钥( secret )。这个密钥只有服务器才知道,不能泄露给用户。然后,使用 Header 里面指定的签名算法(默认是 HMAC SHA256 ),按照下面的公式产生签名。

HMACSHA256(
 base64UrlEncode(header) + "." +
 base64UrlEncode(payload),
 secret)

算出签名以后,把 HeaderPayloadSignature 三个部分拼成一个字符串,每个部分之间用"点"(.)分隔,就可以返回给用户。如下所示

Node使用koa2实现一个简单JWT鉴权的方法

JWT 的安全

  • JWT 默认是不加密,但也是可以加密的。 JWT 不加密的情况下,不能将秘密数据写入 JWT
  • JWT 本身包含了认证信息,一旦泄露,任何人都可以获得该令牌的所有权限。为了减少盗用, JWT 的有效期应该设置得比较短。对于一些比较重要的权限,使用时应该再次对用户进行认证
  • 为了减少盗用, JWT 不应该使用 HTTP 协议明码传输,要使用 HTTPS 协议传输

Node 简单demo—— Koa JWT 的实现

说完理论知识,我们来看下如何实现 JWT ,大致的流程如下:

Node使用koa2实现一个简单JWT鉴权的方法

首先,用户登录后服务端根据用户信息生成并返回 token 给到客户端,前端在下次请求中把 token 带给服务器,服务器验证有效后,返回数据。无效的话,返回 401 状态码

这里我们用 Node 实现,主要用到的两个库有

Node.js 应用:Koa2 使用 JWT 进行鉴权

到此这篇关于Node使用koa2实现一个简单JWT鉴权的方法的文章就介绍到这了,更多相关Node koa2 JWT鉴权内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
JavaScript开发规范要求(规范化代码)
Aug 16 Javascript
表单元素的submit()方法和onsubmit事件应用概述
Feb 01 Javascript
jQuery获取当前对象标签名称的方法
Feb 07 Javascript
JS延时提示框实现方法详解
Nov 26 Javascript
Bootstrap中的表单验证插件bootstrapValidator使用方法整理(推荐)
Jun 21 Javascript
jquery事件与绑定事件
Mar 16 Javascript
微信小程序 中wx.chooseAddress(OBJECT)实例详解
Mar 31 Javascript
微信小程序学习笔记之本地数据缓存功能详解
Mar 29 Javascript
javascript跳转与返回和刷新页面的实例代码
Nov 20 Javascript
vue实现瀑布流组件滑动加载更多
Mar 10 Javascript
小程序中手机号识别的示例
Dec 14 Javascript
使用AutoJs实现微信抢红包的代码
Dec 31 Javascript
vue3 watch和watchEffect的使用以及有哪些区别
Jan 26 #Vue.js
vue实现轮播图帧率播放
Jan 26 #Vue.js
vue 组件基础知识总结
Jan 26 #Vue.js
深入了解Vue动态组件和异步组件
Jan 26 #Vue.js
如何在 Vue 表单中处理图片
Jan 26 #Vue.js
Vue实现摇一摇功能(兼容ios13.3以上)
Jan 26 #Vue.js
原生js实现九宫格拖拽换位
Jan 26 #Javascript
You might like
星际中的相关伤害
2020/03/04 星际争霸
php is_file()和is_dir()用于遍历目录时用法注意事项
2010/03/02 PHP
PHP取整函数:ceil,floor,round,intval的区别详细解析
2013/08/31 PHP
IE6,IE7,IE8下使用Javascript记录光标选中范围(已补全)
2011/08/28 Javascript
jQuery中prependTo()方法用法实例
2015/01/08 Javascript
全面解析Bootstrap表单使用方法(表单样式)
2015/11/24 Javascript
js实现对ajax请求面向对象的封装
2016/01/08 Javascript
动态加载js文件简单示例
2016/04/21 Javascript
jQuery事件的绑定、触发、及监听方法简单说明
2016/05/10 Javascript
javascript 数组的正态分布排序的问题
2016/07/31 Javascript
Bootstrap常用组件学习(整理)
2017/03/24 Javascript
JS实现标签页切换效果
2017/05/04 Javascript
少女风vue组件库的制作全过程
2019/05/15 Javascript
vue实现简单瀑布流布局
2020/05/28 Javascript
用python实现百度翻译的示例代码
2018/03/09 Python
python编程使用协程并发的优缺点
2018/09/20 Python
python生成n个元素的全组合方法
2018/11/13 Python
使用Python向DataFrame中指定位置添加一列或多列的方法
2019/01/29 Python
详解PyCharm+QTDesigner+PyUIC使用教程
2019/06/13 Python
Python中注释(多行注释和单行注释)的用法实例
2019/08/28 Python
Python元组 tuple的概念与基本操作详解【定义、创建、访问、计数、推导式等】
2019/10/30 Python
使用Python实现画一个中国地图
2019/11/23 Python
python连接打印机实现打印文档、图片、pdf文件等功能
2020/02/07 Python
JSF面试题:Jsf中导航的标签是什么
2013/04/20 面试题
介绍一下内联、左联、右联
2013/12/31 面试题
数控专业个人求职信范文
2014/02/05 职场文书
教育英语专业毕业生的求职信
2014/03/13 职场文书
家长会演讲稿
2014/04/26 职场文书
ktv好的活动方案
2014/08/15 职场文书
项目建议书
2015/02/04 职场文书
工作态度恶劣检讨书
2015/05/06 职场文书
失恋33天观后感
2015/06/11 职场文书
追悼词范文大全
2015/06/23 职场文书
学习经验交流会策划书
2015/11/02 职场文书
大学生军训心得体会5篇
2019/08/15 职场文书
Vue3.0中Ref与Reactive的区别示例详析
2021/07/07 Vue.js