【Express】初识 Express 和路由

小秀_heo

已于 2024-03-12 13:10:03 修改

阅读量150

点赞数 1

分类专栏： Express 文章标签： express

于 2023-10-13 17:00:19 首次发布

本文链接：https://blog.csdn.net/XiugongHao/article/details/133813867

版权

Express 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

在Express中，路由用于确定应用程序如何响应客户端对特定端点（URL）的请求。简单来说，路由就是根据请求的URL和HTTP请求方法，执行相应的处理函数来处理请求和生成响应，默认是 GET 请求。

在Express中，可以使用app.get()、app.post()、app.put()、app.delete()等方法来定义路由。这些方法的第一个参数是要匹配的URL路径，第二个参数是处理请求的回调函数（可以有多个回调函数）。回调函数接收请求对象（req）和响应对象（res）作为参数，可以根据需要对请求进行处理，并生成相应的响应。

路由路径和请求方法一起定义了请求的端点，它可以是字符串、字符串模式或者正则表达式。

1. 初识 express

创建一个文件夹，创建一个文件server.js，然后 npm init 创建 package.json。再然后 npm i express 安装express 模块。

下面是一个简单的Express路由的示例：

// index.js
// 1. 导入 express
const express = require('express');
// 2. 创建应用对象
const app = express();
// 3. 创建路由
app.get('/', (req, res) => {
  res.send(`
  <html>
    <h1>标签</h1>
  </html>
  `);
});
// /loginok 和 /logiok 都可以访问
app.get('/login?ok', (req, res) => {
  res.send({
    name: 'xiuxiu',
    age: 18
  })
})
// :id 占位符（:xx）  /user/2132 都可以访问
app.get('/user/:id', (req, res) => {
  console.log(req.params.id)  // 获取具体的路由参数id  id要与占位符名字相同
  res.send('ok');
});
// 匹配 abcd、abbcd、abbbcd等
app.get('/ab+cd', function (req, res) {
  res.send('ab+cd');
});
// 匹配 abcd、abxcd、abRABDOMcd、ab123cd等
app.get('/ab*cd', function (req, res) {
  res.send('ab*cd');
});
// 还可以匹配正则表达式  例如以 fly 结尾的
app.get(/.*fly$/, function (req, res) {
  res.send('/.*fly$/');
});
app.post('/home', (req, res) => {
  res.send('home')
})
// 任何请求都可以
app.all('/test',(req,res)=> {
  res.send('test')
})
// 其他请求匹配不了的 404
app.all('*',(req,res)=> {
  res.send('404')
})
// 4. 监听端口，启动服务
app.listen(3000, () => {
  console.log('Example app listening on port 3000!');
});

传入多个回调函数：

// 多个回调函数
app.get('/home', (req, res, next) => {
  console.log("验证token，cookie是否过期")
  // 调用 next 方法即可继续执行下一个回调函数
  next();
}, (req, res) => {
  // 查询数据库，返回数据
  res.send({ list: [1, 2, 3] })
})

另一种写法：

const cb1 = function (req, res, next) {
  console.log('CB1')
  next()
}

const cb2 = function (req, res) {
  res.send('Hello from C!')
}

app.get('/example/c', [cb1, cb2])

接收前端传过来的参数：

req.query get 请求传过来的参数GET http://localhost:3000/list?a=1&b=2 HTTP/1.1
req.body post 请求传过来的参数，需要 app.use(express.json()) 中间件的解析
req.params 动态参数（占位符处的参数）GET http://localhost:3000/user/996 HTTP/1.1

2. 路由拆分

const express = require('express')

const app = express()
app.get('/', (req, res) => {
  res.send('hello world')
})

const user = express.Router()
user.get('/list', (req, res, next) => {
  res.send('/list')
})
const goods = express.Router()
goods.get('/goods', (req, res, next) => {
  res.send('/goods')
})
app.use('/user', user)
app.use('/goods', goods)
app.listen(3000, () => {
  console.log("服务已启动...")
})

GET http://localhost:3000/user/list HTTP/1.1

3. 处理 404 和 500

放在所有路由后面。

// 500
app.use((err, req, res, next) => {
  res.status(500).render('500')
})
// 404  放最后！
app.use('*', (req, res) => {
  res.status(404).render('404', { url: req.originalUrl })
})

小秀_heo

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
【Express】初识 Express 和路由

这些方法的第一个参数是要匹配的URL路径，第二个参数是处理请求的回调函数（可以有多个回调函数）。回调函数接收请求对象（req）和响应对象（res）作为参数，可以根据需要对请求进行处理，并生成相应的响应。简单来说，路由就是根据请求的URL和HTTP请求方法，执行相应的处理函数来处理请求和生成响应。通过定义不同的路由，我们可以根据不同的URL和HTTP请求方法执行相应的逻辑。这使得我们可以构建出功能完善的Web服务和API。路由路径和请求方法一起定义了请求的端点，它可以是字符串、字符串模式或者正则表达式。
复制链接

扫一扫