【每日一问】node.js如何设置cookie?

3,155 阅读3分钟

node.js如何设置cookie?

小情景

怎么使用node.js设置cookie

求解过程

要想解决这个问题,首先我们先要知道cookie存储在哪里,这样我们才能顺藤摸瓜找到存储办法。

💡答案就是存储在浏览器内~~~

知道了cookie是存储在浏览器内,此时我们可以打开我们最熟悉的mdn网站,搜索cookie相关的内容,此时我们找到了👇下面的文章 cookie文档传送门

此时有一段话,引起了我们的注意😏

当服务器收到 HTTP 请求时,服务器可以在响应头里面添加一个 Set-Cookie 选项。浏览器收到响应后通常会保存下 Cookie

是的,答案就在这里✌️

从这段话内我们可以知道,我们需要下面两个任务

  • 任务1:http请求
  • 任务2:相应头内添加Set-Cookie选项

那么node端改如何实现呢🤔,不着急,贴心的MDN已经为我们展示了相关文档,我们顺藤摸瓜,继续往下找

Node.js实现Set-Cookie文档传送门

此时,有几个关键字映入我们眼帘😏:

首先是我们刚刚了解的Set-Cookie关键字,此时我们可以知道,从①中,通过这一行代码我们就可以完成上面的任务2了😆

我们发现这个方法有两个参数,一个参数是传入我们需要设置的名称,也就是Set-Cookie,那么如何设置cookie呢?此时我们看到②中的解释,如果是只设置一个cookie值,只需要传入string即可,也就是'type=ninjia',如果传入两个及以上的参数,则可以使用①中的方式传参。

此时我们已经搞懂了,如何设置cookie,接下来我们就可以看看这些代码应该如何串联起来 下面是示例代码

const http = require('http'); // ①

const server = http.createServer( // ②
    (req, res) => { // ③
        // res.setHeader('Set-Cookie', 'type=single'); // ④
        res.setHeader('Set-Cookie', ['type=ninja', 'language=javascript']); // ⑤
        res.end('set cookie finish!'); // ⑥
    });


server.listen(3000); // ⑦
console.log('listen on 3000 port'); // ⑧

在①中,我们引入了一个http模块 并且在②里我们创建了一个http服务,这个http服务有两个回调参数,其中③内的res代表的是我们需要响应的请求内容,此时我们将任务1中的内容也完成了😆 ④⑤中展示了设置一个cookie值与多个cookie值的传参方式 ⑥中我们在浏览器内会展示cookie已经设置成功的文字 ⑦是将我们的http服务注册在3000端口上,方便我们访问 ⑧在控制台内,告诉我们,服务已经启动成功,打开3000端口即可。

下面我们先创建一个set-cookie的文件夹,接着将上面的示例代码粘贴进入新建的index.js文件内,运行node index.js 此时我们可以看见命令终端内告诉我们服务已经成功启动✌️

接着我们在浏览器内打开http://localhost:3000,并打开控制面板,首先我们先检查,服务器返回的headers内是否有Set-Cookie字段

在①中我们可以看到,相应内是有Set-Cookie字段的,下面我们要验证的就是在浏览器内cookie是否写入成功

我们可以看到,浏览器内已经成功写入我们刚刚想要设置的cookie

到此我们通过node.js设置cookie的任务就成功啦🎊