被自己的行为蠢哭了,意识到原因后真香!

262dc00a82ab541d5f21fccfb3cbb697.gif

作者 | 零一

来源 | 前端印象

这两天在学习 node 相关的知识时,做出了一些错误的行为~

在做用户登录相关业务时涉及到了 cookie、session 的存取,一搜就找到了 express-session 这个中间件,真香!配几个配置就可以自动生成 cookiesessionId

express-session 对于 session 的存储默认是存在内存中的

1b8d3a8ddb69bf0112be0e369c7c3a24.png

这肯定不合适!

  • 项目一挂 或者 重启,session信息全丢了,所有用户都需要重新登录

  • 多个进程之间也无法共享 session 数据

然后去搜了下有没有 redis(key - value 形式的数据库) 相关的库,咔,又出来两个:

  • redis(github上叫 node-redis,npm上叫 redis

  • connect-redis

前者是提供了 js 可调用的操作 redis 数据库的底层方法;后者就是获取 redis 数据库实例,成为 express-session 存取 session 信息的载体

官网的使用说明也很清楚:

21a7dc5bbd0b704a96e190db4f97336d.png

后来在我调试时发现出现了很多的问题,比如第一次调用 API(不携带cookie),接口迅速响应,并带回了 Set-cookies 头,但是! 我接口响应的数据呢???我明明返回了

5278e44e7d1da17a0ba931c12816ecac.gif

最终 接口 15s 未返回,超时了

0559169c8380b32846c193fd27792969.png

因为这个问题应该很明显了,接口是有响应返回的,但返回数据这块儿出了问题,先快速定位了问题所在,就是 express-sessionredisconnect-redis 这三个库其中一个有问题,因为在接入这几个库之前,session存储在内存中是能正常返回的

于是我就去这几个库的 issue 里搜了一下是否有类似的问题,毕竟都是这么多 star 的库,明显的问题肯定早就被人提出来了,然而!没有

我又开始在搜索引擎搜索,也同样没有!

怎么回事... 合着就我一个人有问题,难道说...?

aaf9b27697713de3a23a59ec986a654e.png

我要发现一个惊天大bug,然后给他们提pr,从此人生一帆风顺了?(hhhhh,不知道大家有时候有没有这样的想法)

这就开始了我的 debug 看源码之路

于是我 "咔",在 express-session 里打了个断点,同时也给 redis 服务开启了 monitor 监控,调试时发现 redis 存取值的时候 key 竟然不一致

b0b370e6d6e038befb21c15f9be30702.png

啥玩意儿?SET 的 key 是一段 hash + cookie的json字符串,value 是一个函数字符串(存个函数干啥?此时我非常非常疑惑);GET 的 key 却只是一小段 hash

我找到源码里存取key的位置打上了断点,发现存取值的key确实不一样,但又因为此时我还没看多少源码,所以对这块儿的逻辑我暂且表示赞同,因为可能这就是别人库的 feature 呢?

提前说明一下,最终发现破案也是因为这里,但当时的我是没法断定的

没办法了,继续从头 debug 吧

6c22c840ae772b3925d34795e42dd3dc.png
res.status(200).send({ name: '01' })

先是我接口函数里返回了 http 状态码 200(怪不得我的接口立马返回了200)

1ff113e83e25df019646d8063d140266.png

然后 send 函数调用走到了 end 函数中

0003e345f937a60174d8b651d27cef1f.png

看了大致的逻辑,发现 express-session 重写了 resend 函数,在里面判断 session 信息有无修改,进而判断需不需要保存 session 到 store 里

// 存储原始的 end 函数
var _end = res.end;
var _write = res.write;
var ended = false;
// 重写 end 函数
res.end = function end(chunk, encoding) {
  // 执行额外的逻辑
  // ...
  
  // 最终执行原始的 end 函数
  return _end.call(res, chunk, encoding);
};

既然 debug 都走到 end 里了,说明问题快出来了,能猜到可能是原始的 end 函数没有被调用导致的了

7a72dc0dd753583584ff5adb4eb76fb9.png

走到了调用 set 函数的地方,他第一个参数传了个数组,第二个参数传了个回调函数,该回调函数执行就会走到 原始 end 函数的调用,按道理来说就没问题了啊!

我继续下一步调试,发现根本没走到回调函数里,去查了一下 this.client.set 的 TS 类型

20ecca98eb5094227352c22a2c1f5832.png

这次又证明了 redis 为什么 SET了key为一长串字符串,value为一个函数

this.client 是 redis 这个库提供的方法,我们是将 redis 生成的实例对象传给 express-session 作为 session 存储的载体,那现在看起来是 这两个库没互相兼容??

目前内心OS:两个这么大的库,更新了都不做互相兼容的么

于是我又跑回去看文档,gan!

3fceecc217c32d5e1a33db07da6bacbd.png

还记得这个图么?这是我一开始准备用这些库时看的,但我没看到这个信息:当 redis 库为 v4 版本时,createClient 时需要加一个 legacyMode: true 的参数,开启传统模式?然后再回到我刚才发现的问题,这个参数是不是就是为了兼容 express-session 的?

于是我赶紧加上这个参数,嚯,真的好了!接口也迅速返回内容了

所以最终是 redis 做了版本升级,更改了 api 的使用方式

// 旧版 redis
client.set(key, value, cb)

// 新版 redis
await client.set(key, value)

确实还是新版的api使用起来舒服,换作旧版的,大家使用前可能还需要封装一下

但是 express-session 并没有更改 set 函数调用的传参方式,这也很正常,毕竟这个库只是为了 session 管理用的,而 redis 以及各种 db 库又不止是专门服务于 express-session 的,它们的关系是这样的:

3463447986fe812782d636e2b53dcab5.png

然而当 db 库进行了更新,就需要中间一层来连接了,也就是类似我们本文用到的 connect-redis,此时它们的关系是这样的

8d3ec7745c0b28a1a302181016ba33df.png

所以我们在用 connect-redis 时,传一个 legacyMode: true 参数就可以让 redis 兼容 express-session 的使用了

结论

该说啥呢,被自己蠢哭了,一开始不好好看文档,导致后面花了一天时间去排查问题,还被迫看了这么多源码,你要问我后悔吗?我又不后悔:被倒逼着去看了一个库的源码梳理了大致的逻辑学到了思想巩固了 cookie、session 的知识学会了 redis 库的调试和各种命令长了个教训(以后要好好看文档)

什么时候比较适合看源码呢?当然是有需要的时候,侬,比如我这次的经历

大家千万别学我一样,粗心大意,文档还是要好好看,这就跟以前上学的时候答题不仔细看题目一样,是大忌啊!!!

77252ef22ac7694a273f1f60d5346ced.gif

往期推荐

如果让你来设计网络

用过留痕,谁动了我的档案?

一把王者的时间,我就学会了Nginx

明明还有大量内存,为啥报错“无法分配内存”?

c13e6247cce5504351c2fdc1e6ac5f0c.gif

点分享

6e6d45b4e57973ecc96691aa54672009.gif

点收藏

acd724697c19327a515130041cc7c9a7.gif

点点赞

deb6ac45bb6a669936d37c77b71761e2.gif

点在看

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值