express登录验证以及日志处理和中间件实现原理，2024年最新面试时答不出来怎么机智应答

在日志处理的中，需要定时的将日志中的内容存放到一个文件中，在express中有一个叫morgan的插件

其主要的目的就是用于处理log，处理部分的代码如下：

//deal log

const ENV = process.env.NODE_ENV;

if(ENV != ‘production’){

app.use(logger(‘dev’));

}else{

const logFileName = path.join(__dirname, ‘logs’ , ‘access.log’);

const writeStream = fs.createWriteStream(logFileName,{

flags: ‘a’

})

app.use(logger(‘combined’),{

stream: writeStream

})

}

首先需要去创建一个logs的文件夹，里面的access.log就是其中的一个存放日志的文件夹，对于日志的处理在express框架中使用的就是margan这个插件，因此需要将其引入var logger = require(‘morgan’);然后在这里可以通过https://github.com/expressjs/morgan中去了解logger()中的一些参数，其主要的区别在于存储的内容不同，因此在上面的文件中有了上面的代码处理过程，在开发环境与非开发环境对于储存的日志是不相同的，const ENV = process.env.NODE_ENV;用于来判断当前的开发环境，其中在线上存储日志时，要将其写入一个日志文件中采用了数据流的形式写入，其逻辑为，首先是

获取到需要去储存的文件的位置，然后创建写入文件流，最后将这个写入文件放入到stream中，在stream这个参数，表示将流文件放入到某个写入的文件当中。

express中间件实现机制：

总体概述为

1.app.use用于注册中间件，

2.遇到http请求，根据path与method来触发

3.实现next机制，通过上一个next来触发下一个

首先创建一个like-express.js文件来实现这个机制，然后引入http与const slice = Array.prototype.slice接下来创建一个对象calss LikeExpress{} 最后将其导出 module.exports = () => {return  new LikeExpress}

在这个中间件中需要实现use  post  get  以及listen四个方法use中需要存储所有的信息  post只需要存储与post有关的信息  get储存于get有关的信息  将他们都放在this.routes = {} 这个对象当中 。因此在这里需要创建四个函数get post use listen接着我们需要对传入的路径做一个处理，用于来做存储的判定。因此创建了register函数，最后将判定结果放入this.routes当中相应的数组之中。对于register的处理，通过判定路径的第一个参数是否为string，如果是字符串就将这个path放入info.path当中，如果不是则设置一个默认路径’/'也将其放入到path当中，最后将所有的中间件放入stack当中返回这个info对象。然后再在post  use  get中做储存放在routes的get all post数组之中接下来就是listen的监听，即主要做的就是（req,res）=> {}的处理，在这里需要做的就是关于回调函数的处理，在这里需要去首先一个res.json的方法，用于返回一个json的数据。在其内部还需要对method以及url做处理。在这里新建了一个match方法，专门用于处理url以及post与get。首先创建一个stack经过这个函数处理后的信息都会储存到这个数组之中并被返回首先进行一个浏览器自动访问的一个url做处理，最后返回一个空对象，然后再创建一个curRoutes数组，将之前的all与对应的get或者是post与其连接成一个新的数组，然后就对这个数组中的path做处理，命中后的路由与之前创建的stack的数组中的信息连接在一起，放入这个数组中将其放回，接下来就实现next核心机制，在callback中再创建一个handle函数里面放入req,res,以及通过stack得到的这个数组。在handle函数中创建一个next函数并将其执行。在next函数内部，首先获取到第一个匹配的中间件，然后就判断是否有中间件，做一个兼容处理，如果有中间件则就去执行这个中间件。到此为止，这个中间件的大致实现如上所述，具体代码如下：

const http = require(‘http’);

const slice = Array.prototype.slice;

class LikeExpress {

constructor() {

//存放中间件列表

this.routes = {

//如果有其他的函数也可以存放其他的数据

all: [],

get: [],

post: []

}

}

register(path){

//用于存放数据

const info = {};

//根据第一个参数是否为string即路由，如果不是则就将第一个参数path默认为’/’

if(typeof path === ‘string’){

info.path = path;

//从第二个参数开始，将后面的内容转化为数组存入stack

info.stack = slice.call(arguments,1);

}else{

info.path = ‘/’;

//从第一个参数开始，将后面的内容转化为数组存入stack

info.stack = slice.call(arguments,0);

}

return info;

}

use(){

//use函数需要所有的参数

const info = this.register.apply(this,arguments);

this.routes.all.push(info);

}

get(){

const info = this.register.apply(this,arguments);

this.routes.get.push(info);

}

post(){

const info = this.register.apply(this,arguments);

this.routes.post.push(info);

}

match(method, url){

let stack = [];

if(url === ‘/favicon.ico’){

return stack

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

最后

javascript是前端必要掌握的真正算得上是编程语言的语言，学会灵活运用javascript，将对以后学习工作有非常大的帮助。掌握它最重要的首先是学习好基础知识，而后通过不断的实战来提升我们的编程技巧和逻辑思维。这一块学习是持续的，直到我们真正掌握它并且能够灵活运用它。如果最开始学习一两遍之后，发现暂时没有提升的空间，我们可以暂时放一放。继续下面的学习，javascript贯穿我们前端工作中，在之后的学习实现里也会遇到和锻炼到。真正学习起来并不难理解，关键是灵活运用。

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

存中…(img-mDTAgCWj-1712718845212)]

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
[外链图片转存中…(img-7Das0b25-1712718845212)]