一、前言
前面我们学习了如何安装 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，我们解析 session app.use(session({ secret: 'QianDuan2023', // 密匙 cookie: { // path: '/', // 根目录（默认配置） // httpOnly: true, // 只能后端操作 cookie（默认配置） maxAge: 24 * 60 * 60 * 1000 // 小时，分钟，秒，毫秒 } }))
之后，在 user.js 中测试一下当前用户的状态存储（每次刷新记录一次）
user.js
router.get('/session-test', (req, res, next) => { const session = req.session if (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) { // 设置 session req.session.username = data.username req.session.realname = data.realname res.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) ...... // 获取到 redisClient const redisClient = require('./db/redis') const sessionStore = new RedisStore({ client: redisClient }) // 解析完 cookie，我们解析 session app.use(session({ secret: 'QianDuan2023', // 密匙 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）】
如果你需要该项目的 源码，请通过本篇文章最下面的方式 加入 进来~~
