node插件express（路由）的插件使用（二）——cookie 和 session的基本使用区别

---

前言

提示：当你浏览以下内容的时候，希望你了解express的相关内容。同时，你的node包中安装了express的插件。

---

一、express 框架中的 cookie

0、cookie的介绍和作用

介绍：http服务器发送到用户浏览器并保存在本地的一小块数据（4kb）。
作用：存储保存在本地的数据。
特点：当用户关闭浏览器会自动销毁。

1. 设置cookie

const express = require('express')

const app = express();

// 设置cookie
app.get('/set-cookie', (req, res) => {
    // name 为 cookie 的键
    // zhagnsan为 cookie 的值
    // maxAge 是这个cookie 存在的事件，单位为毫秒
    res.cookie('name', 'zhagnsan', {maxAge: 10 * 1000})
    res.cookie('age', '18') // 可以设置多个cookie
    res.send('home')
})

app.listen(9000, () => {
    console.log('服务器启动成功');
})

2.删除cookie

删除后，删除对应键的值，然后失效时间改为1970年。

// 删除cookie
app.get('/remove-cookie', (req, res) => {
    res.clearCookie('name'); // 删除键为name的cookie
    res.send('删除页面--删除成功！！！')
})

3.获取cookie

（1）安装cookie-parser

npm i cookie-parser

（2）导入cookie-parser

// 1：导入cookie-parser
const cookieParser = require('cookie-parser')

（3）注册中间件

// 创建应用对象
const app = express();

// 2：设置cookie-parser中间件
app.use(cookieParser());

（4）获取cookie

// 获取cookie
app.get('/get-cookie', (req, res) => {
    console.log(req.cookies); 
    res.send('获取cookie');
})

（5）操作和效果

先执行set-cookie的路由请求，后面执行get-cookie的路由请求

4. 设置、删除、获取cookie的代码

const express = require('express')
// 1：导入cookie-parser
const cookieParser = require('cookie-parser')
const app = express();

// 2：设置cookie-parser中间件
app.use(cookieParser());
// 设置cookie
app.get('/set-cookie', (req, res) => {
    // name 为 cookie 的键
    // zhagnsan为 cookie 的值
    // maxAge 是这个cookie 存在的事件，单位为毫秒
    res.cookie('name', 'zhagnsan', {maxAge: 10 * 1000})
    res.cookie('age', '18') // 可以设置多个cookie
    res.send('home')
})

// 删除cookie
app.get('/remove-cookie', (req, res) => {
    res.clearCookie('name'); // 删除键为name的cookie
    res.send('删除页面--删除成功！！！')
})

// 获取cookie
app.get('/get-cookie', (req, res) => {
    console.log(req.cookies); 
    res.send('获取cookie');
})

app.listen(9000, () => {
    console.log('服务器启动成功');
})

二、express 框架中的 session

1. 了解 session

定义：是保存在服务端的一块数据，保存当前访问用户的相关信息。
作用：实现会话控制，可以识别用户的身份，快速获取用户的相关信息。

2. 安装

express-session： 在express进行session 操作
connect-mongo： 连接mongodb数据库，并对其进行一些操作。

npm i express-session connect-mongo

注意点：你还需要安装npm i mongo，不然会出现以下错误。

Error: Cannot find module ‘mongodb’

3. 中间件的配置和详细说明（重点）

const express = require('express')
// 1: 导入 express-session connect-mongo
const session = require('express-session')
const MongoStore = require('connect-mongo')

const app = express();
// 2：设置session中间件
app.use(session({
    name: 'sid', // 设置cookie的name，默认为 connect.sid
    secret: 'zhangsan', // 加密的字符串
    saveUninitialized: false, // 是否每次请求都设置一个cookie用来存储session的id
    resave: true, // 是否在每次请求的时候重新保存session
    store: MongoStore.create({
        mongoUrl: 'mongodb://127.0.0.1:27017/project' // 数据库的连接配置
    }),
    cookie: {
        httpOnly: true, // 开启后 前端无法通过js操作，可以有效解决xxs攻击（跨站脚本攻击）
        maxAge: 1000 * 10 // 控制session的过期时间，单位为毫秒
    }
}));

4.基本使用

总结使用：
（1）设置值 req.session.username = ‘zhangsan’
（2）读取值 req.session.username
（3）销毁值 req.session.destroy(() => { res.send(‘退出成功’) })

（0）所有代码

const express = require('express')
// 1: 导入 express-session connect-mongo
const session = require('express-session')
const MongoStore = require('connect-mongo')

const app = express();
// 2：设置session中间件
app.use(session({
    name: 'sid', // 设置cookie的name，默认为 connect.sid
    secret: 'zhangsan', // 加密的字符串
    saveUninitialized: false, // 是否每次请求都设置一个cookie用来存储session的id
    resave: true, // 是否在每次请求的时候重新保存session
    store: MongoStore.create({
        mongoUrl: 'mongodb://127.0.0.1:27017/project' // 数据库的连接配置
    }),
    cookie: {
        httpOnly: true, // 开启后 前端无法通过js操作，可以有效解决xxs攻击（跨站脚本攻击）
        maxAge: 1000 * 10 // 控制session的过期时间，单位为毫秒
    }
}));
// 默认首页的路由
app.get('/', (req, res) => {
    res.send('home')
})
// 3.1 设置session
app.get('/login', (req, res) => {
    if (req.query.username = 'zhangsan' && req.query.password == '123456') {
        req.session.username = 'zhangsan'
        req.session.password = '123456'
        res.send('登录成功')
    } else {
        res.send('登录失败')
    }
})
// 3.2 读取session
app.get('/home', (req, res) => {
    if (req.session.username) {
        res.send(`首页，欢迎您${req.session.username}`)
    } else {
        res.send('您还没有登录');
    }
})
// 3.3 销毁session
app.get('/logout', (req, res) => {
    req.session.destroy(() => {
        res.send('退出成功')
    })
})


app.listen(9000, () => {
    console.log('服务器启动成功');
})

（1）设置session和效果

（2）获取session和效果

（3）获取session和效果

---

总结

cookie 和 session的区别
1：存在位置
cookie 浏览器端
session 服务器端
2：安全性
cookie 是以明文形式放在客户端的，安全性低
session是放在服务器端，安全性高
3：网络传输量
cookie 设置过多会影响传输效率
session 数据存储服务器中，通过cookie传递id，所以不影响传输效率
4：存储限制
cookie 不超过4k
session 存在服务器中，没有限制