个人简介
👀个人主页: 前端杂货铺
🙋♂️学习方向: 主攻前端方向,也会涉及到服务端
📃个人状态: 在校大学生一枚,已拿多个前端 offer(秋招)
🚀未来打算: 为中国的工业软件事业效力n年
🥇推荐学习:🍍前端面试宝典 🍉Vue2 🍋Vue3 🍓Vue2&Vue3项目实战 🥝Node.js🍒Three.js
🌕个人推广:每篇文章最下方都有加入方式,旨在交流学习&资源分享,快加入进来吧
Node.js系列文章目录
文章目录
Node.js系列文章目录一、前言二、对博客的增删查改1、登录中间件2、开发路由3、测试 二、使用 morgan 写日志三、写在最后一、前言
上一篇文章,我们对 myblog 项目进行了 Express 的初步重构。
接下来,我们来了解一下路由的开发,Morgan写日志,并学习一下中间件原理!
二、对博客的增删查改
1、登录中间件
我们在 blog-express 目录下创建 middleware 文件夹,专门用于写中间件
loginCheck.js
引入失败的模型,如果已经登录则 next(),若没有登录则失败未登录
const {ErrorModel } = require('../model/resModel')module.exports = (req, res, next) => {// 已经登录if (req.session.username) {next()return}res.json(new ErrorModel('未登录'))}
2、开发路由
我们借助刚刚写好的登录中间件,去完善我们的博客路由
blog.js
我们使用 express 提供给我们的方式去完善路由,从而实现相应的功能
var express = require('express');var router = express.Router();// 导入博客和用户控制器相关内容const {getList,getDetail,newBlog,updateBlog,delBlog} = require('../controller/blog')// 导入成功和失败的模型const {SuccessModel,ErrorModel} = require('../model/resModel')const loginCheck = require('../middleware/loginCheck')// 博客列表router.get('/list', (req, res, next) => {// 博客的作者,req.query 用在 GET 请求中let author = req.query.author || ''// 博客的关键字const keyword = req.query.keyword || ''if (req.query.isadmin) {// 管理员界面if (req.session.username == null) {// 未登录res.json(new ErrorModel('未登录'))return}// 强制查询自己的博客author = req.session.username}// 查询的结果const result = getList(author, keyword)return result.then(listData => {res.json(new SuccessModel(listData))})});// 博客详情router.get('/detail', (req, res, next) => {const result = getDetail(req.query.id)return result.then(data => {res.json(new SuccessModel(data))})});// 新增博客 loginCheck 作为中间件router.post('/new', loginCheck, (req, res, next) => {req.body.author = req.session.usernameconst result = newBlog(req.body)return result.then(data => {res.json(new SuccessModel(data))})})// 更新博客router.post('/update', loginCheck, (req, res, next) => {const result = updateBlog(req.query.id, req.body)return result.then(val => {if (val) {res.json(new SuccessModel())} else {res.json(new ErrorModel('更新博客失败'))}})})// 删除博客router.post('/del', loginCheck, (req, res, next) => {const author = req.session.usernameconst result = delBlog(req.query.id, author)return result.then(val => {if (val) {res.json(new SuccessModel())} else {res.json(new ErrorModel('删除博客失败'))}})})module.exports = router;
3、测试
下面我们成功测试完毕。至此,使用 express 重构的 myblog 项目的增删改查就告一段落了,接下来我们来学习一下日志功能。
二、使用 morgan 写日志
morgan 官网
里面介绍了一些不同类型(dev,combined等)的日志的格式
首先,我们新建专门存放日志的文件夹和 access.log 文件
之后,我们修改 package.json 文件,添加一行启动项(prd)
package.json
"scripts": {"start": "node ./bin/www","dev": "cross-env NODE_ENV=dev nodemon ./bin/www","prd": "cross-env NODE_ENV=production nodemon ./bin/www"},
我们在 app.js 文件中导入必要的模块,之后按照开发环境 / 线上环境进行区分
app.js
var path = require('path');var fs = require('fs');......const ENV = process.env.NODE_ENVif (ENV !== 'production') {// 开发环境 / 测试环境app.use(logger('dev'))} else {// 线上环境使用 combined(写入文件)const logFileName = path.join(__dirname, 'logs', 'access.log')const writeStream = fs.createWriteStream(logFileName, {flags: 'a'})app.use(logger('combined', {stream: writeStream}));}
三、写在最后
至此,我们明白了如何使用 Express 框架对我们的 myblog 项目进行进一步的重构(增删查改,使用 morgan 写日志),继续跟进学习吧!
后续会对该项目进行多次重构【多种框架(express,koa)和数据库(mysql,sequelize,mongodb)】
如果你需要该项目的源码,请通过本篇文章最下面的方式加入进来~~