dedecms 做微网站,怎么做淘客推广网站,室内装修设计公司简介,优化公司结构会话控制 文章目录 会话控制一、介绍二、cookie2.1 cookie 是什么2.2 cookie 的特点2.3 cookie 的运行流程2.4 浏览器操作 cookie2.5 cookie 的代码操作#xff08;1#xff09;设置 cookie#xff08;2#xff09;读取 cookie#xff08;3#xff09;删除 cookie 三、se…会话控制 文章目录 会话控制一、介绍二、cookie2.1 cookie 是什么2.2 cookie 的特点2.3 cookie 的运行流程2.4 浏览器操作 cookie2.5 cookie 的代码操作1设置 cookie2读取 cookie3删除 cookie 三、session3.1 session 是什么3.2 session 的作用3.3 session 运行流程3.4 session 的代码操作1express-session 的安装与配置2express 中 session 操作 四、session 和 cookie 的区别五、token5.1 token 是什么5.2 token 的作用5.3 token 的工作流程5.4 token 的特点5.5 JWT 六、附录6.1 本地域名6.2 修改域名1操作流程2原理 一、介绍
所谓会话控制就是 对会话进行控制
HTTP 是一种无状态的协议它没有办法区分多次的请求是否来自于同一个客户端无法区分用户
而产品中又大量存在的这样的需求所以我们需要通过**会话控制**来解决该问题
常见的会话控制技术有三种
cookiesessiontoken
二、cookie
2.1 cookie 是什么
cookie 是 HTTP 服务器发送到用户浏览器并保存在本地的一小块数据。简单的理解
cookie 是保存在浏览器端的一小块数据cookie 是按照域名划分保存的
简单示例
域名cookiewww.baidu.coma100;b200www.bilibili.comxid1020abce121;hm112411213jd.comx100;ocw12414cce
2.2 cookie 的特点
浏览器向服务器发送请求时会自动将 当前域名下 可用的 cookie 设置在请求头中然后传递给服务器这个请求头的名字也叫 cookie所以将 cookie 理解为一个 HTTP 的请求头也是可以的
2.3 cookie 的运行流程 填写账号和密码校验身份校验通过后下发 cookie 有了 cookie 之后后续再向服务器发生请求时就会自动携带 cookie
2.4 浏览器操作 cookie
浏览器对 cookie 的操作使用相对较少了解即可
禁用所有 cookie删除 cookie查看 cookie 不同浏览器中的 cookie 是相互独立的不共享 2.5 cookie 的代码操作
1设置 cookie 不带时效性会在浏览器关闭的时候销毁 res.cookie(键名, 键值)带时效性通过 maxAge 设置 cookie 的存活时间单位是毫秒 // n 是一个数字表示 n 毫秒
res.cookie(键名, 键值, {maxAge: n})代码示例 // 导入 express
const express require(express)// 创建应用对象
const app express()// 设置 cookie
app.get(/set-cookie, (req, res) {// 不带时效性会在浏览器关闭的时候销毁res.cookie(name, zhangsan)// 带时效性通过 maxAge 设置 cookie 存活的时间单位是毫秒res.cookie(name, lisi, {maxAge: 30000})res.send(Cookie的设置)
})// 启动服务
app.listen(3000)2读取 cookie 首先安装一个工具包 cookie-parser npm i cookie-parser导入并使用 cookie-parser // 导入 cookie-parser其实就是一个中间件
const cookieParser require(cookie-parser)// 设置 cookieParser 中间件
app.use(cookieParser())使用 req.cookies 来读取 cookie。代码示例 // 导入 express
const express require(express)
// 安装 cookie-parser npm i cookie-parser
// 导入 cookie-parser其实就是一个中间件
const cookieParser require(cookie-parser)// 创建应用对象
const app express()
// 设置 cookieParser 中间件
app.use(cookieParser())// 读取 cookie要实现该效果要安装一个工具包 cookie-parser
app.get(/get-cookie, (req, res) {console.log(req.cookies)res.send(cookie的读取)
})// 启动服务
app.listen(3000)3删除 cookie 实现删除 cookie 只需要调用 clearCookie 方法即可 res.clearCookie(键名)代码示例 // 导入 express
const express require(express)// 创建应用对象
const app express()// 删除 cookie
app.get(/remove-cookie, (req, res) {// 调用方法res.clearCookie(name)res.send(cookie的删除)
})// 启动服务
app.listen(3000)三、session
3.1 session 是什么
session 是保存在 服务器端的一块儿数据保存当前访问用户的相关信息
3.2 session 的作用
实现会话控制可以识别用户的身份快速获取当前用户的相关信息
3.3 session 运行流程 填写账号和密码校验身份校验通过后创建 session 信息然后将 session_id 的值通过响应头返回给浏览器 有了 cookie下次发生请求时会自动携带 cookie服务器通过 cookie 中的 session_id 的值确定用户的身份
3.4 session 的代码操作
1express-session 的安装与配置
首先安装 express-session 和 connect-mongo
npm i express-session connect-mongo导入 express-session 和 connect-mongo
const session require(express-session)
const MongoStore require(connect-mongo)设置 session 的中间件
app.use(session({name: sid, //设置cookie的name默认值是connect.sidsecret: yuwenkai, //参与加密的字符串又称签名加盐saveUninitialized: false, //是否为每次请求都设置一个cookie用来存储session的idresave: true, //是否在每次请求时重新保存sessionstore: MongoStore.create({mongoUrl: mongodb://127.0.0.1:27017/mongoose_test //数据库的连接配置}),cookie: {httpOnly: true, //开启后前端无法通过 JS 操作maxAge: 1000 * 60 //这一条是控制 sessionID 的过期时间的}
}))2express 中 session 操作
设置 session
// 导入 express
const express require(express)
// 导入 express-session connect-mongo
const session require(express-session)
const MongoStore require(connect-mongo)// 创建应用对象
const app express()
// 设置 session 的中间件
app.use(session({name: sid, //设置cookie的name默认值是connect.sidsecret: yuwenkai, //参与加密的字符串又称签名加盐saveUninitialized: false, //是否为每次请求都设置一个cookie用来存储session的idresave: true, //是否在每次请求时重新保存sessionstore: MongoStore.create({mongoUrl: mongodb://127.0.0.1:27017/mongoose_test //数据库的连接配置}),cookie: {httpOnly: true, //开启后前端无法通过 JS 操作maxAge: 1000 * 60 * 5 //这一条是控制 sessionID 的过期时间的}
}))// 设置 session
app.get(/login, (req, res) {if(req.query.username admin req.query.password 123456) {// 设置 session 信息req.session.username adminreq.session.uid 25gtf414g9u8ores.send(登录成功)}else {res.send(登录失败)}
})// 启动服务
app.listen(3000)获取 session
// 导入 express
const express require(express)
// 导入 express-session connect-mongo
const session require(express-session)
const MongoStore require(connect-mongo)// 创建应用对象
const app express()
// 设置 session 的中间件
app.use(session({name: sid, //设置cookie的name默认值是connect.sidsecret: yuwenkai, //参与加密的字符串又称签名加盐saveUninitialized: false, //是否为每次请求都设置一个cookie用来存储session的idresave: true, //是否在每次请求时重新保存sessionstore: MongoStore.create({mongoUrl: mongodb://127.0.0.1:27017/mongoose_test //数据库的连接配置}),cookie: {httpOnly: true, //开启后前端无法通过 JS 操作maxAge: 1000 * 60 * 5 //这一条是控制 sessionID 的过期时间的}
}))// 获取 session
app.get(/cart, (req, res) {console.log(req.session.uid)if(req.session.username) {res.send(购物车页面欢迎${req.session.username}登录)}else {res.send(登录失败)}
})// 启动服务
app.listen(3000)销毁 session
// 导入 express
const express require(express)
// 导入 express-session connect-mongo
const session require(express-session)
const MongoStore require(connect-mongo)// 创建应用对象
const app express()
// 设置 session 的中间件
app.use(session({name: sid, //设置cookie的name默认值是connect.sidsecret: yuwenkai, //参与加密的字符串又称签名加盐saveUninitialized: false, //是否为每次请求都设置一个cookie用来存储session的idresave: true, //是否在每次请求时重新保存sessionstore: MongoStore.create({mongoUrl: mongodb://127.0.0.1:27017/mongoose_test //数据库的连接配置}),cookie: {httpOnly: true, //开启后前端无法通过 JS 操作maxAge: 1000 * 60 * 5 //这一条是控制 sessionID 的过期时间的}
}))// 销毁 session
app.get(/logout, (req, res) {req.session.destroy(() {res.send(退出成功)})
})// 启动服务
app.listen(3000)四、session 和 cookie 的区别
cookie 和 session 的区别主要有如下几点
存放的位置 cookie浏览器端session服务端 安全性 cookie 是以明文的方式存放在客户端的安全性相对较低session 存放于服务器中所以安全性 相对 较好 网络传输量 cookie 设置内容过多会增大报文体积会影响传输效率session 数据存储在服务器只是通过 cookie 传递 id所以不影响传输效率 存储限制 浏览器限制单个 cookie 保存的数据不能超过 4K且单个域名下的存储数量也有限制session 数据存储在服务器中所以没有这些限制
五、token
5.1 token 是什么
token 是服务端生成并返回给 HTTP 客户端的一串加密字符串token 中保存着 用户信息
5.2 token 的作用
实现会话控制可以识别用户的身份主要用于移动端 APP
5.3 token 的工作流程 填写账号和密码校验身份校验通过后响应 tokentoken 一般是在响应体中返回给客户端的 后续发送请求时需要手动将 token 添加到请求报文中一般是放在请求头中
5.4 token 的特点
服务端压力更小 数据存储在客户端 相对更安全 数据加密可以避免 CSRF跨站请求伪造 扩展性更强 服务间可以共享增加服务节点更简单
5.5 JWT
JWTJSON Web Token是目前最流行的跨域认证解决方案可用于基于 token 的身份验证
JWT 使 token 的生成与校验更规范我们可以使用 jsonwebtoken 包 来操作token 安装 jsonwebtoken 包 npm i jsonwebtoken代码示例 // 导入 jwt
const jwt require(jsonwebtoken)// 创建生成token
// let token jwt.sign(用户数据, 加密字符串, 配置对象)
let token jwt.sign({username: zhangsan
}, yuwenkai, {expiresIn: 60 //单位是秒
})console.log(token)// 校验token
// jwt.verify(token, 加密字符串, 回调函数)
jwt.verify(token, yuwenkai, (err, data) {if(err) {console.log(校验失败)return}console.log(data)
})扩展阅读JSON Web Token 入门教程 六、附录
6.1 本地域名
所谓本地域名就是 只能在本机使用的域名一般在开发阶段使用
6.2 修改域名
我们可以通过对 hosts 文件进行修改本地域名
1操作流程
编辑文件 C:\Windows\System32\drivers\etc\hosts
127.0.0.1 www.ywk.com如果修改失败可以修改该文件的权限 2原理
在地址栏输入 域名 之后浏览器会先进行 DNSDomain Name System查询获取该域名对应的 IP 地址
请求会发送到 DNS 服务器可以 根据域名返回 IP 地址
可以通过 ipconfig /all 查看本机的 DNS 服务器
hosts 文件也可以设置域名与 IP 的映射关系在发送请求前可以通过该文件获取域名的 IP 地址
