【Node.js实战】一文带你开发博客项目之登录（对接完毕，cookie、session、redis各司其职）

个人简介

👀个人主页： 前端杂货铺
🙋‍♂️学习方向： 主攻前端方向，也会涉及到服务端
📃个人状态： 在校大学生一枚，已拿多个前端 offer（秋招）
🚀未来打算： 为中国的工业软件事业效力n年
🥇推荐学习：🍍前端面试宝典 🍉Vue2 🍋Vue3 🍓Vue2&Vue3项目实战 🥝Node.js
🌕个人推广：每篇文章最下方都有加入方式，旨在交流学习&资源分享，快加入进来吧

Node.js系列文章目录

内容参考链接Node.js（一）初识 Node.jsNode.js（二）Node.js——开发博客项目之接口Node.js（三）Node.js——一文带你开发博客项目（使用假数据处理）Node.js（四）Node.js——开发博客项目之MySQL基础Node.js（五）Node.js——开发博客项目之API对接MySQLNode.js（六）Node.js——开发博客项目之登录（前置知识）

文章目录

一、node.js 连接 redis

1、配置 REDIS_CONF

在 .conf/db.js 文件中添加 redis 配置，类似于 mysql 的配置

// 获取环境参数，process 为 node.js 进程的一些信息const env = process.env.NODE_ENV// 配置letMYSQL_CONFletREDIS_CONF// 开发环境下if(env ==='dev'){// mysql 配置MYSQL_CONF={host:'localhost',user:'root',password:'1234abcd',port:'3306',database:'myblog'}// redis 配置REDIS_CONF={port:6379,host:'127.0.0.1'}}// 线上环境下if(env ==='production'){// mysql 配置MYSQL_CONF={host:'localhost',user:'root',password:'1234abcd',port:'3306',database:'myblog'}// redis 配置REDIS_CONF={port:6379,host:'127.0.0.1'}}// 导出共享
module.exports ={MYSQL_CONF,REDIS_CONF}

2、更改 redis 版本

之后我们在 ./db/redis.js 文件中进行设置（在上篇文章的测试基础上做了一些修改）

由于使用最新版 redis 有一些变动的问题，在这里我们卸载之前的版本，转为使用 3.x 版本

npm uninstall redis

npm i [email protected]

const redis =require('redis')const{REDIS_CONF}=require('../conf/db.js')// 创建客户端const redisClient = redis.createClient(REDIS_CONF.port,REDIS_CONF.host)

redisClient.on('error',err=>{
    console.error(err)})functionset(key, val){// 是对象的话转为 JSON 字符串的格式if(typeof val ==='object'){
        val =JSON.stringify(val)}
    redisClient.set(key, val, redis.print)}functionget(key){const promise =newPromise((resolve, reject)=>{
        redisClient.get(key,(err, val)=>{// 出错if(err){reject(err)return}// val 为 null，给它返回 nullif(val ==null){resolve(null)return}try{// 先尝试作为对象返回resolve(JSON.parse(val))}catch(ex){// 上面不成功的话直接返回resolve(val)}})})return promise
}

module.exports ={
    set,
    get
}

3、redis 解析 session

之后我们删掉 app.js 中解析 session 的代码（因为我们要使用 redis 解析 session）

// session 数据// const SESSION_DATA = {}......// 解析 session// let needSetCookie = false// let userId = req.cookie.userid// if (userId) {//     if (!SESSION_DATA[userId]) {//         SESSION_DATA[userId] = {}//     }// } else {//     needSetCookie = true//     userId = `${Date.now()}_${Math.random()}}`//     SESSION_DATA[userId] = {}// }// req.session = SESSION_DATA[userId]

我们使用 redis 来解析 session，修改 app.js 的代码如下：

// 引入 get setconst{ get, set }=require('./src/db/redis')......// 解析 session （使用 redis）let needSetCookie =falselet userId = req.cookie.userid
// 没有 userId 则需要 cookieif(!userId){
    needSetCookie =true
    userId =`${Date.now()}_${Math.random()}`// 初始化 redis 中的 session 值为一个空对象set(userId,{})}// 获取 session
req.sessionId = userId
get(req.sessionId).then(sessionData=>{if(sessionData ==null){// 初始化 redis 中的 session 值set(req.sessionId,{})// 设置 session 为空对象
        req.session ={}}else{// session 不为空，直接赋值
        req.session = sessionData
    }
    console.log('req.session', req.session)// 处理 post datareturngetPostData(req)})......

4、session 同步到 redis

接下来，我们修改 .router/user.js 文件里面的内容，让 session 同步到 redis

const{ set }=require('../db/redis')......// 登录if(method ==='GET'&& req.path ==='/api/user/login'){// const { username, password } = req.bodyconst{ username, password }= req.query
    // 传入两个参数 用户名 密码const result =login(username, password)return result.then(data=>{if(data.username){// 操作 cookie；path=/：保证所有路径都能用；httpOnly：只允许后端来改；expires：设置过期时间// res.setHeader('Set-Cookie', `username=${data.username}; path=/; httpOnly; expires=${getCookieExpires()}`)// 设置 session
            req.session.username = data.username
            req.session.realname = data.realname
            // session 同步到 redisset(req.sessionId, req.session)

            console.log('req.session is', req.session)returnnewSuccessModel()}returnnewErrorModel('登录失败')})}

此时，我们进行登录测试

尝试登录——>登录成功

之后再次进行登录测试

二、server 端登录代码

在 ./router/blog.js 文件中，编写统一登录验证函数

constloginCheck=(req)=>{// 没有登录if(!req.session.username){return Promise.resolve(newErrorModel('尚未登录'))}}

在新建博客、更新博客和删除博客的 if 判断中加入以下代码：

// 调用统一登录验证函数const loginCheckResult =loginCheck(req)if(loginCheckResult){// 未登录return loginCheck
}

更改新建博客和删除博客的 author，不再使用假数据

const author = req.session.username

在 .router/user.js 文件中，删除登录验证测试的代码，更改登录请求为 POST 类型

// 登录if(method ==='POST'&& req.path ==='/api/user/login'){const{ username, password }= req.body
    // const { username, password } = req.query......}

查看当前list

三、写在最后

至此，我们完成了cookie，session 和 redis 的对接（它们各司其职）。继续跟进学习吧！

后续会对该项目进行多次重构【多种框架（express，koa）和数据库（mysql，sequelize，mongodb）】

如果你需要该项目的 源码，请通过本篇文章最下面的方式 加入 进来~~