脚本宝典收集整理的这篇文章主要介绍了JWT(JSON Web Token)的基本原理,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
2、服务器验证通过后,在当前对话(session)里面保存相关数据,比如用户角色、登录时间等等。
3、服务器向用户返回一个 session_id,写入用户的 Cookie。
4、用户随后的每一次请求,都会通过 Cookie,将 session_id 传回服务器。
5、服务器收到 session_id,找到前期保存的数据,由此得知用户的身份。
一种解决方案是 session 数据持久化,写入数据库或别的持久层。各种服务收到请求后,都向持久层请求数据。这种方案的优点是架构清晰,缺点是工程量比较大。另外,持久层万一挂了,就会单点失败。
另一种方案是服务器索性不保存 session 数据了,所有数据都保存在客户端,每次请求都发回服务器。JWT 就是这种方案的一个代表。
JWT 的原理是,服务器认证以后,生成一个 JSON 对象,发回给用户,就像下面这样。
以后,用户与服务端通信的时候,都要发回这个 JSON 对象。服务器完全只靠这个对象认定用户身份。为了防止用户篡改数据,服务器在生成这个对象的时候,会加上签名(详见后文)。服务器就不保存任何 session 数据了,也就是说,服务器变成无状态了,从而比较容易实现扩展。
它是一个很长的字符串 中间用点分隔成三部分
Header.Payload.Signature
Header 部分是一个 JSON 对象,描述 JWT 的元数据,通常是下面的样子。
{
"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):编号
Signature 部分是对前两部分的签名,防止数据篡改。
首先,需要指定一个密钥(secret)。这个密钥只有服务器才知道,不能泄露给用户。然后,使用 Header 里面指定的签名算法(默认是 HMAC SHA256),按照下面的公式产生签名。
HMACSHA256(
base64UrlEncode(header) + "." +
base64UrlEncode(payload),
secret)
算出签名以后,把 Header、Payload、Signature 三个部分拼成一个字符串,每个部分之间用"点"(.)分隔,就可以返回给用户。
客户端收到服务器返回的 JWT,可以储存在 Cookie 里面,也可以储存在 localStorage。
此后,客户端每次与服务器通信,都要带上这个 JWT。你可以把它放在 Cookie 里面自动发送,但是这样不能跨域,所以更好的做法是放在 HTTP 请求的头信息Authorization字段里面。
(1)JWT 默认是不加密,但也是可以加密的。生成原始 Token 以后,可以用密钥再加密一次。
(2)JWT 不加密的情况下,不能将秘密数据写入 JWT。
(3)JWT 不仅可以用于认证,也可以用于交换信息。有效使用 JWT,可以降低服务器查询数据库的次数。
(4)JWT 的最大缺点是,由于服务器不保存 session 状态,因此无法在使用过程中废止某个 token,或者更改 token 的权限。也就是说,一旦 JWT 签发了,在到期之前就会始终有效,除非服务器部署额外的逻辑。
(5)JWT 本身包含了认证信息,一旦泄露,任何人都可以获得该令牌的所有权限。为了减少盗用,JWT 的有效期应该设置得比较短。对于一些比较重要的权限,使用时应该再次对用户进行认证。
(6)为了减少盗用,JWT 不应该使用 HTTP 协议明码传输,要使用 HTTPS 协议传输。
jwt.sign(payload, secretOrPRivateKey):生成JWT字符串
jwt.verify(token,secretOrPublicKey):验证token的合法性
jwt.decode(token)
let exPress = require('express');
let cors = require('cors');
let jwt = require('jsonweBToken');
let app = express();
app.use(cors());
app.use(express.urlencoded({ extended: false }))
//模拟数据
let users = [{
id: 1,
username: 'Kei',
password: 123
}, {
id: 2,
username: 'Lily',
password: 456
}, {
id: 3,
username: 'Zhang',
password: 789
}]
const secret = 'adjhgfeouwiemvcgdhjhlahujsnjfhdhusjhfdkjjdgjhhhikjm'
app.post('/login', (req, res) => {
let flag = false; //默认失败
let username = req.body.username;
let password = req.body.password;
for (let i = 0; i < users.length; i++) {
if (users[i].username == username && users[i].password == password) {
flag = true;
res.send({
msg: '登录成功',
token: jwt.sign({
userinfo: users[i],
exp: new Date().getTime() + 60000
}, secret)
})
return;
} else {
flag = false;
}
}
if (!flag) {
res.send({
msg: '登录失败,用户名或密码不存在'
})
}
})
app.listen(5000, function() {
console.LOG(5000);
})
<script>
export default {
data() {
return {
user: '',
pwd: ''
}
},
methods: {
login() {
if (this.user && this.pwd) {
fetch('http://localhost:5000/login', {
method: 'post',
body: 'username=' + this.user + "&password=" + this.pwd,
headers: {
'Content-type': 'application/x-www-form-urlencoded'
}
})
.then(data => data.json())
.then(data => {
console.log(data);
})
}
}
}
}
</script>
以上是脚本宝典为你收集整理的JWT(JSON Web Token)的基本原理全部内容,希望文章能够帮你解决JWT(JSON Web Token)的基本原理所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。