HTTP协议特性之Cookie(2)服务端Cookie——NodeJs版

最新推荐文章于 2023-09-01 09:09:24 发布
最新推荐文章于 2023-09-01 09:09:24 发布
阅读量656 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： HTTP JavaScript/ES6/NodeJS 文章标签： Cookie HTTP NodeJS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/TDCQZD/article/details/81980480
本文详细介绍了HTTP协议中的Cookie特性，特别是从NodeJS服务端的角度，包括设置Cookie、控制时效、HttpOnly属性以及Domain和Path的使用。通过实例代码展示了如何在NodeJS中操作Cookie，以及如何实现跨域名Cookie共享。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

一、基本介绍

1、Set-Cookie:响应首部字段

服务端可以使用Set-Cookie首部为客户端种入Cookie。

         "Set-Cookie":"id=123"
        "Set-Cookie":["id=123","name=zd","age=18"]

2、Cookie：请求首部字段

当客户端被中入Cookie后,每一次新的请求时客户端都会将Cookie自动带上

二、Cookie快速入门案列

1、步骤一：开启NodeJs服务端测试HTTP连接

NodeJs服务端代码如下： 

const http = require("http");
const fs = require("fs");
const host = "127.0.0.1";
const port = 8080;

const server = http.createServer((requestMsg, response) => {

    if (requestMsg.url === "/") {
        fs.readFile("../html/cookie.html",(err,data)=>{
            if(!err){
                //设置响应返回html
                response.writeHead(200,"OK",{
                    "Content-Type":"text/html"
                })
                response.end(data);
            }else {
                response.writeHead(404," NOT Find  File",{
                    "Content-Type":"text/html"
                })
                response.end(`<b>404 NOT Find  File</b>`);
            }
        })
    } else {
        response.end();
    }

})
server.listen(port, host, () => {
    console.log(`server starting at ${host}:${port}`)
})

2、步骤二：设置NodeJs服务端Cookie

修改代码：

                 response.writeHead(200,"OK",{
                    "Content-Type":"text/html"
                })

为：

                response.writeHead(200,"OK",{
                    "Content-Type":"text/html",
                    "Set-Cookie":[`id=123`,`name=zd`,`age=18`]
                })

完整代码如下：

const http = require("http");
const fs = require("fs");
const host = "127.0.0.1";
const port = 8080;

const server = http.createServer((requestMsg, response) => {

    if (requestMsg.url === "/") {
        fs.readFile("../html/cookie.html",(err,data)=>{
            if(!err){
                //设置响应返回html
                response.writeHead(200,"OK",{
                    "Content-Type":"text/html",
                    "Set-Cookie":[`id=123`,`name=zd`,`age=18`]
                })
                response.end(data);
            }else {
                response.writeHead(404," NOT Find  File",{
                    "Content-Type":"text/html"
                })
                response.end(`<b>404 NOT Find  File</b>`);
            }
        })
    } else {
        response.writeHead(500, "Invalid Request", {"Content-Type": "text/html; charset=utf-8"});
        response.end("无效请求");
    }

})
server.listen(port, host, () => {
    console.log(`server starting at ${host}:${port}`)
})

3、浏览器Cookie示意图如下:

这里写图片描述

三、Cookie时效

1、基本介绍

默认Cookie是一个会话级别的Cookie
max-age
可以使用max-age来控制cookie的有效存活时间(秒)

2、代码示例：

修改代码：

//设置响应返回html
                response.writeHead(200,"OK",{
                    "Content-Type":"text/html",
                    "Set-Cookie":[`id=123`,`name=zd`,`age=18`]
                })

为：

//设置响应返回html
                response.writeHead(200,"OK",{
                    "Content-Type":"text/html",
                    "Set-Cookie":[`id=123`,`name=zd`,"age=18;max-age=5"]
                })

3、代码说明：

age字段在Cookie中只保存5秒，之后会消失。
这里写图片描述

四、Cookie作用域——HttpOnly

1、基本介绍：

HttpOnly ：
为避免跨域脚本 (XSS) 攻击，通过JavaScript的 Document.cookie API无法访问带有 HttpOnly 标记的Cookie。
HttpOnly 标记的Cookie字段，客户端无法获取数据。

2、代码示例：

修改代码：

 //设置响应返回html
                response.writeHead(200,"OK",{
                    "Content-Type":"text/html",
                     "Set-Cookie":[`id=123`,`name=zd`,"age=18;max-age=5"]
                })

为：

 //设置响应返回html
                response.writeHead(200,"OK",{
                    "Content-Type":"text/html",
                    "Set-Cookie":[`id=123`,`name=zd;HttpOnly`,"age=18;max-age=5"]
                })

3、代码说明：

客户端获取Cookie代码：

//客户端访问cookie
    console.log(document.cookie)

在浏览器log中无法获取name字段及其内容。

五、Cookie域名绑定

Cookie是绑定域名的，不同域名之间的Cookie不同 

const http = require("http");
const fs = require("fs");
const host = "127.0.0.1";
const port = 8080;
// Cookie是绑定域名的，不同域名之间的Cookie不同
const server = http.createServer((requestMsg, response) => {

    if (requestMsg.url === "/") {
        fs.readFile("../html/cookie.html",(err,data)=>{
            if(!err){
                if(requestMsg.headers["host"]==="test.com:8080"){
                    response.writeHead(200,"ok",{
                        "Content-Type":"text/html",
                        "Set-Cookie":"test.com=123123212"
                    })
                }
                if(requestMsg.headers["host"]==="b.test.com:8080"){
                    //设置响应返回html
                    response.writeHead(200,"OK",{
                        "Content-Type":"text/html",
                        "Set-Cookie":"b.test.com=bbbbbbbbbbbbb"
                    })
                }
                if(requestMsg.headers["host"]==="a.test.com:8080"){
                    //设置响应返回html
                    response.writeHead(200,"OK",{
                        "Content-Type":"text/html",
                        "Set-Cookie":"a.test.com=aaaaaaaaaaaaaaaa"
                    })
                }

                response.end(data);
            }else {
                response.writeHead(404," NOT Find  File",{
                    "Content-Type":"text/html"
                })
                response.end(`<b>404 NOT Find  File</b>`);
            }
        })
    } else {
        response.writeHead(500, "Invalid Request", {"Content-Type": "text/html; charset=utf-8"});
        response.end("无效请求");
    }

})
server.listen(port, host, () => {
    console.log(`server starting at ${host}:${port}`)
})

六、Cookie作用域——Domain实现跨域名Cookie

由上面可知： Cookie是绑定域名的，不同域名之间的Cookie不同。那么能否实现跨域名Cookie？
Cookie可以实现跨域名，但是只能父域名分享给子域名，也就是说通过domain设置Cookie权限，test.com域名在其本身域名和子域名都有效。

1、基本介绍

Domain
Domain 标识指定了哪些主机可以接受Cookie。如果不指定，默认为当前文档的主机（不包含子域名）。如果指定了Domain，则一般包含子域名。

2、如何更改域名？

域名文件通常在C:\Windows\System32\drivers\etc中hosts文件中。
我们可以选择直接修改hosts文件，但通常我们会选择使用Chrome插件HostAdmin-App。

3、HostAdmin-App使用介绍

步骤一：安装HostAdmin-App，成功后界面如下：
这里写图片描述
步骤二：配置hostAdmin权限
以管理员身份运行cmd,如下命名： 

cacls %windir%/system32/drivers/etc/hosts /E /G Users:W

修改域名访问权限。
步骤三:修改文件使用
这里写图片描述

4、代码示例：

const http = require("http");
const fs = require("fs");
const host = "127.0.0.1";
const port = 8080;
// Cookie是绑定域名的，不同域名之间的Cookie不同
//跨域名Cookie:只能父域名分享给子域名
const server = http.createServer((requestMsg, response) => {

    if (requestMsg.url === "/") {
        fs.readFile("../html/cookie.html",(err,data)=>{
            if(!err){
                if(requestMsg.headers["host"]==="test.com:8080"){
                    // domain设置Cookie权限，表示test.com域名在其本身域名和子域名都有效
                    response.writeHead(200,"ok",{
                        "Content-Type":"text/html",
                        "Set-Cookie":"test.com=123123212;domain=test.com"
                    })
                }
                if(requestMsg.headers["host"]==="b.test.com:8080"){
                    //设置响应返回html
                    response.writeHead(200,"OK",{
                        "Content-Type":"text/html",
                        "Set-Cookie":"b.test.com=bbbbbbbbbbbbb"
                    })
                }
                if(requestMsg.headers["host"]==="a.test.com:8080"){
                    //设置响应返回html
                    response.writeHead(200,"OK",{
                        "Content-Type":"text/html",
                        "Set-Cookie":"a.test.com=aaaaaaaaaaaaaaaa;domain=a.test.com"
                    })
                }

                response.end(data);
            }else {
                response.writeHead(404," NOT Find  File",{
                    "Content-Type":"text/html"
                })
                response.end(`<b>404 NOT Find  File</b>`);
            }
        })
    } else {
        response.writeHead(500, "Invalid Request", {"Content-Type": "text/html; charset=utf-8"});
        response.end("无效请求");
    }

})
server.listen(port, host, () => {
    console.log(`server starting at ${host}:${port}`)
})

七、Cookie作用域——Path指定主机路径

1、基本介绍

Path
Path 标识指定了主机下的哪些路径可以接受Cookie
例如，设置 Path=/docs，则以下地址都会匹配： 

/docs 
/docs/Web/ 
/docs/Web/HTTP

2、代码示例：

const http = require("http");
const fs = require("fs");
const host = "127.0.0.1";
const port = 8080;
// Cookie是绑定域名的，不同域名之间的Cookie不同
//跨域名Cookie:只能父域名分享给子域名
const server = http.createServer((requestMsg, response) => {

    if (requestMsg.url === "/") {
        fs.readFile("../html/cookie.html",(err,data)=>{
            if(!err){
                if(requestMsg.headers["host"]==="test.com:8080"){
                    // domain设置Cookie权限，表示test.com域名在其本身域名和子域名都有效
                    //cooki未配置path时，在当前域名下/和其子目录都有效，如果配置path=/a,只有/a和/a/.../(子目录)有效
                    response.writeHead(200,"ok",{
                        "Content-Type":"text/html",
                        "Set-Cookie":"test.com=123123212;domain=test.com;path=/a"
                    })
                }
                if(requestMsg.headers["host"]==="b.test.com:8080"){
                    //设置响应返回html
                    response.writeHead(200,"OK",{
                        "Content-Type":"text/html",
                        "Set-Cookie":"b.test.com=bbbbbbbbbbbbb"
                    })
                }
                if(requestMsg.headers["host"]==="a.test.com:8080"){
                    //设置响应返回html
                    response.writeHead(200,"OK",{
                        "Content-Type":"text/html",
                        "Set-Cookie":"a.test.com=aaaaaaaaaaaaaaaa;domain=a.test.com"
                    })
                }

                response.end(data);
            }else {
                response.writeHead(404," NOT Find  File",{
                    "Content-Type":"text/html"
                })
                response.end(`<b>404 NOT Find  File</b>`);
            }
        })
    } else {
        response.writeHead(500, "Invalid Request", {"Content-Type": "text/html; charset=utf-8"});
        response.end("无效请求");
    }

})
server.listen(port, host, () => {
    console.log(`server starting at ${host}:${port}`)
})
http协议（四）Set-Cookie
Niall_Tonshall的博客
03-22 6391
响应首部 Set-Cookie 被用来由服务器端向客户端发送 cookie。 1. 指令 <cookie-name>=<cookie-value> 一个 cookie 开始于一个名称/值对： <cookie-name> 可以是除了控制字符 (CTLs)、空格 (spaces) 或制表符 (tab)之外的任何 US-ASCII 字符。同时不能包含以下分隔字符： ( ) < > @ , ; : \ " / [ ] ? = { }. <cookie-v
NodeJS 操作cookie
weixin_39415598的博客
07-05 1826
本文简介 点赞 + 关注 + 收藏 = 学会了 虽然现在在浏览器存储数据大多时候都使用 LocalStorage 和 SessionStorage 了，但 cookie 还是有用的。 cookie 是一个5k的小仓库，存的东西不多，而且是以字符串的形式存储的。 cookie 的格式是：key1=value1; key2=value2; key3=value3; 在后端处理登录状态时也会用到 cookie 。前端每次发送 http 请求时都会将清秋浴的 cookie 一起发送给服务端。 而后端也可以设
HTTP协议之处理Cookie
ToCpp的专栏
10-16 4521
“由于工作需要，最近在学习HTTP协议相关的一些知识，在登陆一个jsp网站时，POST过去的请求被拒绝了，通过抓包分析可以看到此网站需要设置Cookie，这里找打一篇文章写得很不错，只截抄了关于Cookie协议的一部分” 大多数的 Web 应用程序都要求维护某种会话状态，如用户购物车的内容。这种会话状态的保持很多情况下需要借助于Cookie或者Session的帮助。本文结合在线页面翻译 （
HTTP 协议 Set-Cookie
Fyter's BLog
04-14 3087
Set-Cookie HttpOnly
HTTP协议特性之Cookie(1)概述——NodeJs版
Science Explorer
08-23 434
一、HTTP Cookies基本介绍 HTTP Cookie（也叫Web Cookie或浏览器Cookie）是服务器发送到用户浏览器并保存在本地的一小块数据，它会在浏览器下次向同一服务器再发起请求时被携带并发送到服务器上。通常，它用于告知服务端两个请求是否来自同一浏览器，如保持用户的登录状态。Cookie使基于无状态的HTTP协议记录稳定的状态信息成为了可能。 Cookie主要用于以下三个方面...
NodeJS cookie 服务端操作
Ray_FWQ的博客
07-06 479
1. cookie 服务端操作 存储在浏览器的一段字符串，最大 5kb 每个域都可有一个 cookie, 跨域不共享 格式如： k1=v1; k2=v2; k3=v3; (可结构化) 每次 http 请求，cookie 都会随着传递到服务端 node 操作 cookie // 服务端操作 cookie const http = require('http') const server = http.createServer((req, res) => { // 设置 cookie
Node.js中的会话机制（cookie、session）总结——附源码
qq_44830054的博客
08-08 988
一，什么是会话 何为会话： 在多次HTTP连接间维护用户与同一用户发出的不同请求之间关联的情况称为维护一个会话（session）。 典型会话场景： 浏览视频网站，观看视频，昨天刚看了一段，今天打开网站，显示你昨天观看的历史记录。 前两天我在京东上逛了半天，看了一些手机，今天一打开网易，结果就推送一堆的手机广告淘宝购物，在浏览的时候，将某个商品加入了购物车，第二天再次登录，购物车中还有商品，针对网站的某些页面，如果你没有登录，就不能访问… 以上现象，对于浏览器来说，需要维护用户的状态，因此引入了两种
晋升全栈之路 —— 原生 nodejs 使用 http 模块搭建网络服务器
缚己
02-04 602
服务器端基本概念 在使用浏览器对网站进行访问可以使用 http://baidu.com 进行访问，Node.js 可以搭建一个本地的服务器，Node.js 所搭建的本地服务器所使用的通信协议使用的 localhost 协议，例如使用 Node.js 监听 3000 端口，那么在浏览器中可以输入 localhost:3000 来访问这个服务器。 使用 Node.js 创建 web 服务器 需要使用内置模块 http，如下代码所示： const http = require('http') // 调用 cre
NodeJS http模块（一）——简单的请求和服务器建立
yaohuom的博客
06-03 8721
一个坑的基础是另一个坑的填满 所以跳坑会越跳越深 当你注视着坑的时候 坑连鸟都难得鸟你。 这次我决定开个新坑，node.js的http模块，因为看experss的定义说是对node.js的http模块的补充，于是去拜读了一下node.js的Http模块，并且记录一下心得 简单的http的流程 建立TCP连接-&gt; Web浏览器向Web服务器发送请求命令-&gt; Web浏览器发送...
Nodejs中的JWT和Session的使用
01-20
最近的项目需要在node服务端做一个用户登录的校验以及权限拦截，专业一点叫用户认证与授权，经过一番收集资料，目前常用的有两种——JWT和Session 使用JWT JWT是JsonWebTokens的简写形式，具体是啥我就不详细写了，...
Nodejs-Cookie的设置
SpringDou的博客
11-15 3707
在web开发的过程中 cookie 肯定需要接触的，一个典型的应用是关于用户登录的，如果用户登录之后，再关闭，下次打开该网页已经自动登录，这样就可以利用服务器端发送cookie到客户端，再客户端存下来就可以了，当然也可以客户端自己存储登录信息到cookie，然后再打开网页的时候，自动发送保存的用户信息到服务端进行验证，具体cookie用来干什么的，可以自己google一下。 目前我自己使用了两种...
转载和积累系列 - nodejs 实现cookie
自娱自乐的代码人
09-12 4417
以下代码是正在写的initnode框架中的代码，可能你在实现cookie的时候不能全部拷贝 cookie实现，主要是发送头部消息： res.setHeader("Set-Cookie", cookieArr); res.setHeader("Set-Cookie", ['username=xxx', 'age=xxx;path=/foo']); //注意：多个cookie需要一次发送，多次调
node服务端获取cookie的办法
最新发布
qq_36685296的博客
09-01 522
假设我们的项目中使用了cookie的话，我们在浏览器中F12控制台是能正常输出的，但是在node的控制台是没有的。因为node他不是浏览器，并没有浏览器的才有cookie策略。如何去解决这个问题呢？1.在npm命令配置文件入口(run serve或者run build)然后我们就能通过操作vuex的方式来自由使用cookie啦。一.安装 cookie-parser 模块。
Node.js服务器配置(进阶四:访问和设置客户端cookie)
m0_61303738的博客
11-07 1157
前言：我们在有些时候可能需要访问客户端cookie来进行一些操作，比如登录验证，个性化设置等等，这时候我们就需要去配置cookie中间件使我们可以访问和设置客户端的cookie。
nodejs express解决fetch请求和使用Set-Cookie交互，axios\fetch网络请求携带cookie
weixin_51958960的博客
07-05 1905
This Set-Cookie header does not specify the "SameSite" attribute, defaults to "SameSite=Lax", and is blocked because it comes from cross-site responses, not responses to top-level navigation. SetCookie must be set to "SameSite=None" to enable cross-site us
node中cookie的使用
qq_31805885的博客
01-04 3338
cookie是http中一个基本的组成，用来记录服务器和客户端的状态，可以标识和认证客户。当服务器在返回报文中设置了cookie后，客户端以后每次请求（相同域名）都会附带这个cookie（未过期的）。'use strict'//cookie 的使用 var http = require('http');//生成cookie var serialize = function (name, val, o
校园卡APP - NodeJS获得Cookie
LiuYan_LY
01-05 2132
校园卡APP，获得验证码图片的通知获得Cookie的内容var http = require( "http" ); var url = require( "url" );var urlstring = "http://10.80.34.137/CheckCode.aspx"; var parsedurl = url.parse( urlstring ); var options = { host
HTTP协议特性之Cookie(3)客户端Cookie——NodeJs版
Science Explorer
08-23 322
一、基本介绍： 1、概述 客户端也可以设置Cookie， 但是通常不在客户端设置Cookie作用域限制，只会对Cookie进行增删改查的操作。 2、客户端Cookie Document.cookie 获取并设置与当前文档相关联的 cookie 二、客户端设置cookie 首先明确客户端cookie是会话级别的cookie. 1、获取 语法：allCookies = docum...
HTTP系列八、HTTP的Cookie机制
勇心在馨
06-10 1385
HTTP 里“无状态”的特性，服务器是不能感知客户端状态信息，那么可以通过HTTP 的 Cookie 机制，服务器给每个客户端都贴上一张小纸条，上面写了一些只有服务器才能理解的数据，需要的时候客户端把这些信息发给服务器，服务器看到 Cookie，就能够认出对方是谁了。
HTTP协议、Cookie与Session深度解析
"这篇笔记详尽地探讨了HTTP协议、Cookie和Session的相关知识，包括HTTP/1.1的重要特性如持久连接、管道机制、Content-Length字段以及分块传输编码等。" HTTP协议是互联网上应用最为广泛的一种网络协议，它是基于...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值