个人简介
👀个人主页： 前端杂货铺
🙋♂️学习方向： 主攻前端方向，也会涉及到服务端
📃个人状态： 在校大学生一枚，已拿多个前端 offer（秋招）
🚀未来打算： 为中国的工业软件事业效力n年
🥇推荐学习：🍍前端面试宝典 🍉Vue2 🍋Vue3 🍓Vue2&Vue3项目实战 🥝Node.js🍒Three.js
🌕个人推广：每篇文章最下方都有加入方式，旨在交流学习&资源分享，快加入进来吧
Node.js系列文章目录
文章目录
Node.js系列文章目录一、前言二、初始化环境1、安装 mysql 和 xxs2、迁移文件3、修改 blog.js 文件 三、Express 处理 session1、安装 express-session2、测试 session 四、session 连接 redis1、登录测试2、使用 connect-redis 插件3、session 连接 redis 三、写在最后一、前言
前面我们学习了如何安装 Express，并初步理解了什么是中间件机制。
接下来，我们再回到我们的 myblog 博客项目中，去重构和完善我们的功能…
二、初始化环境
1、安装 mysql 和 xxs
终端键入：
npm i mysql
npm i xss
2、迁移文件
我们原生node.js的工作并没有白做。接下来，我们把之前写的代码初步迁移到 Express 版本的 myblog 博客项目中
3、修改 blog.js 文件
我们首先在查询上（/list）做点东西（呈现出 list 的内容）…
blog.js
var express = require('express');var router = express.Router();// 导入博客和用户控制器相关内容const {getList,getDetail,newBlog,updateBlog,delBlog} = require('../controller/blog')// 导入成功和失败的模型const {SuccessModel,ErrorModel} = require('../model/resModel')// 博客列表router.get('/list', function (req, res, next) {// 博客的作者，req.query 用在 GET 请求中let author = req.query.author || ''// 博客的关键字const keyword = req.query.keyword || ''// 查询的结果const result = getList(author, keyword)return result.then(listData => {res.json(new SuccessModel(listData))})});// 博客详情router.get('/detail', function (req, res, next) {res.json({errno: 0,data: 'OK'})});module.exports = router;
三、Express 处理 session
1、安装 express-session
使用 express-session 和 connect-redis，简单方便req.session 保存登录信息，登录校验做成 express 中间件我们在控制台安装 express-session
npm i express-session
2、测试 session
之后在 app.js 中导入和使用 session
app.js
const session = require('express-session')....app.use(cookieParser());// 解析完 cookie，我们解析 sessionapp.use(session({secret: 'QianDuan', // 密匙cookie: {// path: '/', // 根目录（默认配置）// httpOnly: true, // 只能后端操作 cookie（默认配置）maxAge: 24 * 60 * 60 * 1000 // 小时，分钟，秒，毫秒}}))
之后，在 user.js 中测试一下当前用户的状态存储（每次刷新记录一次）
user.js
router.get('/session-test', (req, res, next) => {const session = req.sessionif (session.viewNum == null) {session.viewNum = 0}session.viewNum++res.json({viewNum: session.viewNum})})
四、session 连接 redis
1、登录测试
我们使用 /login-test 进行登录测试
user.js
验证登录的逻辑
var express = require('express');var router = express.Router();const {login} = require('../controller/user')const {SuccessModel,ErrorModel} = require('../model/resModel')router.post('/login', function (req, res, next) {// post 接口都是从 req.body 中获取const {username,password} = req.body// 传入两个参数 用户名 密码const result = login(username, password)return result.then(data => {if (data.username) {// 设置 sessionreq.session.username = data.usernamereq.session.realname = data.realnameres.json(new SuccessModel())return}res.json(ErrorModel('登录失败'))})});router.get('/login-test', (req, res) => {if (req.session.username) {res.json({errno: 0,msg: '已登录'})return}res.json({errno: -1,msg: '未登录'})})module.exports = router;
2、使用 connect-redis 插件
终端键入安装
npm i redis connect-redis
在 db 文件夹下创建 redis.js 文件，定义连接对象
redis.js
const redis = require('redis')const {REDIS_CONF} = require('../conf/db.js')// 创建客户端const redisClient = redis.createClient({url: `redis://${REDIS_CONF.host}:${REDIS_CONF.port}`,legacyMode: true})// 连接redisClient.connect().then(() => console.log('redis connect sucess!')).catch(console.error)module.exports = redisClient
3、session 连接 redis
接下来，我们修改 app.js 文件，完成 session 和 redis 的连接
app.js
const RedisStore = require('connect-redis')(session)......// 获取到 redisClientconst redisClient = require('./db/redis')const sessionStore = new RedisStore({client: redisClient})// 解析完 cookie，我们解析 sessionapp.use(session({secret: 'QianDuan', // 密匙cookie: {// path: '/', // 根目录（默认配置）// httpOnly: true, // 只能后端操作 cookie（默认配置）maxAge: 24 * 60 * 60 * 1000 // 小时，分钟，秒，毫秒},// 把 session 存储到 redis 里store: sessionStore,resave: false,saveUninitialized: false}))
三、写在最后
至此，我们明白了如何使用 Express 框架对我们的 myblog 项目进行初步的重构，继续跟进学习吧！
后续会对该项目进行多次重构【多种框架（express，koa）和数据库（mysql，sequelize，mongodb）】
如果你需要该项目的源码，请通过本篇文章最下面的方式加入进来~~
