express搭建简单的后台服务器(基础篇)

// GET method route

app.get(‘/’, function (req, res, next) {

res.send(‘GET request to the homepage’);

next();

});

// POST method route

app.post(‘/’, function (req, res, next) {

res.send(‘POST request to the homepage’);

next();

});

还有一种不区分请求方式的写法,不管使用 GET、POST、PUT、DELETE 或其他任何 http 模块支持的 HTTP 请求,句柄都会得到执行。

app.all(‘/secret’, function (req, res, next) {

console.log(‘Accessing the secret section …’);

next(); // pass control to the next handler

});

app.route()

通过这个方法创建路由路径的链式路由句柄。由于路径在一个地方指定,这样做有助于创建模块化的路由,而且减少了代码冗余和拼写错误。书写格式如下:

app.route(‘/book’)

.get(function(req, res) {

res.send(‘Get a random book’);

})

.post(function(req, res) {

res.send(‘Add a book’);

})

.put(function(req, res) {

res.send(‘Update the book’);

});

express.Router

可使用 express.Router 类创建模块化、可挂载的路由句柄。Router 实例是一个完整的中间件和路由系统。这样我们就可以在一个文件中专门做路由处理,而在app.js中use这个中间件。

例如我们在一个routes.js文件中这样使用。

// routes.js文件

var express = require(‘express’);

var router = express.Router();

// 定义网站主页的路由

router.get(‘/’, function(req, res) {

res.send(‘home page’);

});

// 这里把中间件导出,供app.js使用

module.exports = router;

app.js中这样使用:

var router = require(‘./router’);

// 其他处理逻辑代码

// 最后use路由中间件

app.use(‘/’, router);

静态文件


使用静态文件服务

express的静态文件可以放在public文件夹中。通过Express内置的express.static可以方便地托管静态文件,例如图片、CSS、JavaScript 文件等。

app.use(express.static(‘public’));

然后就可以访问public中的静态资源了。

http://localhost:3000/images/avatar.jpg

多个静态资源文件夹

如果静态资源存放在多个目录下面,我们可以多次调用 express.static 中间件。例如:

app.use(express.static(‘public’));

app.use(express.static(‘assets’));

挂在虚拟目录下

app.use(‘/resourse’, express.static(‘public’));

那么访问的方式就是

http://localhost:3000/resourse/images/avatar.jpg

中间件


定义

什么叫中间件,引用官方的解释就是:

中间件(Middleware) 是一个函数,它可以访问请求对象(request object (req)), 响应对象(response object (res)), 和 web 应用中处于请求-响应循环流程中的中间件,一般被命名为 next 的变量。Express 是一个自身功能极简,完全是由路由和中间件构成一个的 web 开发框架:从本质上来说,一个 Express 应用就是在调用各种中间件。

中间件可以做的事情

(1)执行任何代码

(2)修改请求和响应对象

(3)终结请求-响应循环

(4)调用堆栈中的下一个中间件

中间件分类

应用级中间件

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

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

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

img

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

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

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)

最后

前端校招精编面试解析大全点击这里免费获取完整版pdf查看

.(img-th1sUlmC-1713485878624)]

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

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)

[外链图片转存中…(img-iRTeZAkM-1713485878624)]

最后

前端校招精编面试解析大全点击这里免费获取完整版pdf查看

  • 19
    点赞
  • 21
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值