Node.js后端开发 - 进阶篇 #4 express之注册路由app.get、app.use、app.all 的区别

文章目录

一、前言

二、app.get/post注册路由说明

三、app.use注册路由说明

四、app.all注册路由说明

五、总结 app.get、app.use、app.all 注册路由

1、app.get/post/put 。。。

2、app.use

3、app.all


一、前言

上一篇文章我们对express实现 Hello World进行了详解以及讲了res.send()和res.end()在响应浏览器结束请求上的一些区别,详细可参考博文:Node.js后端开发 - 进阶篇 #3 express详解res.send()和res.end()的区别 这篇文章我们将讲解app.get、app.use、app.all 在注册路由上的一些区别

二、app.get/post注册路由说明

我们讲基础篇章的时候,在没有用到express框架的时候,我们是在一个很大请求函数里面,通过很多的if-else来判断不同的请求方法和路径来执行代码。现在我们不需要很多的if-else来判断执行,现在我们只需注册不同的路由,这些不同的路由会根据你每次请求不同的路径分别来执行。例如:我们还可以写get/post的add路由,代码如下:

//注册一个get请求 /register 的路由
//此注册路由的意思:
//1、请求方法必须是get
//2、请求路径的 pathname 必须等于(===)/register
app.get('/register', function (req, res) {
    res.send('register')
});

//注册一个get请求 / 的路由
app.get('/', function (req, res) {
    res.send('Hello,马总!')//响应给浏览器,结束请求
});

//注册一个get请求 /login  的路由
app.get('/login', function (req, res) {
    res.send('login')
});

//注册一个get请求 /add  的路由
app.get('/add', function (req, res) {
    res.send('get请求add')
});

//注册一个post请求 /add  的路由
app.post('/add', function (req, res) {
    res.send('post请求add')
});

另外要说的是除了get/post,Http请求的get、post、put、delete方法都可以在里面类似这样注册路由!

下面是具体完整代码,大家可以自己运行程序,在浏览器上面输入:http://localhost:3000/register 等地址进行测试

//1、加载express模块
// const express:声明express变量,
// 这个express变量它是一个对象,它也可以作为一个函数来调用
const express = require('express');

//2、创建一个app对象( 类似于创建一个server对象 )
const app = express();//express作为一个函数来调用


//---------注册路由---------
//通过中间件监听指定的路由的请求

//注册一个get请求 /register 的路由
//此注册路由的意思:
//(1)请求方法必须是get
//(2)请求路径的 pathname 必须等于(===)/register
app.get('/register', function (req, res) {
    res.send('register')
});

//注册一个get请求 / 的路由
app.get('/', function (req, res) {
    res.send('Hello,马总!')//响应给浏览器,结束请求
});

//注册一个get请求 /login  的路由
app.get('/login', function (req, res) {
    res.send('login')
});

//注册一个get请求 /add  的路由
app.get('/add', function (req, res) {
    res.send('get请求add')
});

//注册一个post请求 /add  的路由
app.post('/add', function (req, res) {
    res.send('post请求add')
});


//3、启动服务
//参数1:要监听的端口  参数2:回调函数
app.listen(3000, function () {
    console.log('http://localhost:3030');
});

三、app.use注册路由说明

1、在进行路由匹配的时候,它不区别请求方法,Http请求的get、post、put、delete方法都可以进行匹配

2、如下面这段代码:请求路径中的第一部分只要与 /register 相等即可,并不要求请求路径pathname完全匹配

app.use('/register', function (req, res) {
    res.send('register')
});

如下面这些路径都是可以访问到的

http://localhost:3000/register 、http://localhost:3000/register/info 、http://localhost:3000/register/info/details

但是如下这些路径是访问不到的

http://localhost:3000/register123qwe、http://localhost:3000/reg

下面是具体完整代码,大家可以自己运行程序,在浏览器上测试看看

//1、加载express模块
// const express:声明express变量,
// 这个express变量它是一个对象,它也可以作为一个函数来调用
const express = require('express');

//2、创建一个app对象( 类似于创建一个server对象 )
const app = express();//express作为一个函数来调用


//---------注册路由---------
//通过中间件监听指定的路由的请求

app.use('/register', function (req, res) {
    res.send('register')
});

//3、启动服务
//参数1:要监听的端口  参数2:回调函数
app.listen(3000, function () {
    console.log('http://localhost:3030');
});

四、app.all注册路由说明

1、它和app.use一样,在进行路由匹配的时候,它不区别请求方法,Http请求的get、post、put、delete方法都可以进行匹配

2、如下面这段代码:请求路径pathname必须和 /register 完全匹配

app.all('/register', function (req, res) {
    res.send('register')
});

即路径为:http://localhost:3000/register 可以,其他不是 /register 不行

另外浏览器进行  Http请求的get、post、put、delete方法都可以访问

五、总结 app.get、app.use、app.all 注册路由

1、app.get/post/put 。。。

(1)区别请求方法,get/post/put等请求必须一一对应上,才能匹配到

(2)请求路径pathname必须和 /xxx 完全匹配

2、app.use

(1)在进行路由匹配的时候,它不区别请求方法,Http请求的get、post、put、delete方法都可以进行匹配

(2)请求路径中的第一部分只要与 /register 相等即可,并不要求请求路径pathname完全匹配

3、app.all

(1)它和app.use一样,在进行路由匹配的时候,它不区别请求方法,Http请求的get、post、put、delete方法都可以进行匹配

(2)请求路径pathname必须和 /xxx 完全匹配

你可能感兴趣的:(nodejs后端开发,node.js,前端,javascript)