cookie和session区别

105 篇文章 1 订阅
101 篇文章 1 订阅
本文详细介绍了Cookie和Session的概念、用途、工作原理以及它们的区别。Cookie是存储在客户端,容易被篡改且大小受限的技术,用于保存用户状态。而Session则将数据保存在服务器端,更安全但可能增加服务器负载。文章还提供了安装和使用Cookie与Session的示例。
摘要由CSDN通过智能技术生成

cookie

1.什么是cookie

Cookie意为“甜饼”,是由W3C组织提出,最早由Netscape社区发展的一种机制。目前Cookie已经成为标准,所有的主流浏览器如IE、Netscape、Firefox、Opera等都支持Cookie。

2.为什么要用cookie

由于http协议是一种无状态的协议(客户端和服务端互相不认识)

Cookies是一些存储在用户电脑上的小文件。它是被设计用来保存一些站点的用户数据,这样能够让服务器为这样的用户定制内容。页面代码能够获取到Cookie值然后发送给服务器,比如Cookie中存储了所在地理位置,以后每次进入地图就可以默认定位到改地点。

3.cookie的原理

cookie的执行原理:就是当客户端访问服务器的时候(服务器运用了cookie),服务器会生成一份cookie传输给客户端,客户端会自动把cookie保存起来,以后客户端每次访问服务器,都会自动的携带着这份cookie。

简单来说,就是当客户端访问服务器时,服务器会生成一个票据给客户端,当客户端收到票据的之后就保存起来,以后再访问服务器就会自动带着票据。

  • 简易cookie原理示意图****如下图所示:

4.安装使用cookie

1.安装

npm i cookie-parser

注:可以直接使用脚手架

express --view=模板引擎名称 项目名称

2.使用

在脚手架app.js中已经带有cookie:

var cookieParser = require(‘cookie-parser’);

app.use(cookieParser());//使用cookie-parser

生成cookie:

//设置cookie
//在响应的时候,生成一份cookie(票据)
// res.cookie(‘xxcode’,“abc”);

在浏览器中显示:

取出cookie:

console.log(req.cookies);

在后端显示:

5.加密cookie

在脚手架app.js中已经带有cookie:

var cookieParser = require(‘cookie-parser’);

app.use(cookieParser(“xiaoxuesheng”));//签名 (加密) 要指定秘钥 ,什么名字都星行,列如:“xiaoxuesheng”

在users.js中

//使用cookie
//加密存储
res.cookie(“mycode”,“abc”,{
signed:true //加密
})

//取出cookie
let mycode = req.signedCookies.mycode

5.cookie的特点:

  • 保存到客户端,容易被篡改(删除、禁用)

  • 保存的数据量有限的

  • 简单易懂好用

6.cookie的缺点:

  1. 保存在客户端,容易被篡改。
  2. 大小受限,本身最大4kb。

session

1.什么是session

Session是另一种记录客户状态的机制,不同的是Cookie保存在客户端浏览器中,而Session保存在服务器上。客户端浏览器访问服务器的时候,服务器把客户端信息以某种形式记录在服务器上。这就是Session。客户端浏览器再次访问时只需要从该Session中查找该客户的状态就可以了session是一种特殊的cookie。cookie是保存在客户端的,而session是保存在服务端。

2.为什么要用session

由于cookie 是存在用户端,而且它本身存储的尺寸大小也有限,最关键是用户可以是可见的,并可以随意的修改,很不安全。那如何又要安全,又可以方便的全局读取信息呢?于是,这个时候,一种新的存储会话机制:session 诞生了

3.session原理

当客户端第一次请求服务器的时候,服务器生成一份session保存在服务端,将该数据(session)的id以cookie的形式传递给客户端;以后的每次请求,浏览器都会自动的携带cookie来访问服务器(session数据id)。

  • 简易cookie原理示意图****如下图所示:

4.安装使用session

1.安装

npm i express-session

2.使用

//引入session中间件
let expressSession=require(“express-session”)

//使用session中间件
app.use(expressSession({
resave:true,//每次是否都刷新存储器
saveUninitialized:true,
secret:“xiaoxuesheng” //秘钥
}))

3.代码示例

(1)使用session存储数据:

// 存储
router.get("/test", (req, res) => {
    req.session.yourcode = 'abc';
    res.send('ok')
})

在浏览器中显示:

会显出id和后面的字符串,后端打印的“abc”没出现

(2)取出session数据:

router.get("/test2", (req, res) => {
    console.log(req.session);
    res.send("ookkkk")

})

在后端显示:

4.可以实现在不同的端实现的结果不一样

如在火狐浏览器:

5.cookie和session的共同点

cookie和session都是用来跟踪浏览器用户身份的会话方式。

6.cookie和session区别

  • cookie是保存在客户端的

  • cookie有大小限制

  • session是保存在服务器端

  • session更加安全

  • session会比较占用服务器性能,当访问增多时应用cookie

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值