Skip to content
On this page

Express简介

1、官网

https://www.expressjs.com.cn/

2、安装

shell
npm install express

3、使用

3.1、简单使用

ts
import express from 'express'

const app = express()

app.get('/', (req, res) => {
  res.send('Hello World!')
})

app.get('/list', (req, res) => {
  res.json({
    code: 200,
    data: [1, 2, 3],
    msg: null
  })
})

app.listen(3000, () => {
  console.log('http://localhost:3000')
})

3.2、响应类型

ts
app.get('/', (req, res) => {
  res.send('Hello World!')
})

app.get('/json', (req, res) => {
  res.json({})
})

3.3、路由

3.3.1、路由定义

ts
import express from 'express'

const app = express()

// router
const router = express.Router()
router.get('/', (req, res) => {
  res.send('Hello World!')
})

router.get('/list', (req, res) => {
  res.json({
    code: 200,
    data: [1, 2, 3],
    msg: null
  })
})

app.use(router)

app.listen(3000, () => {
  console.log('http://localhost:3000')
})

3.3.2、路由组

ts
// 路由分组
import express from 'express'
import type { Express, Router, Request, Response } from 'express'

const app: Express = express()

// 路由分组
const userRouter: Router = express.Router()
userRouter.get('/', (req: Request, res: Response) => {
  res.send('Hello user!')
})
userRouter.get('/:id', (req: Request, res: Response) => {
  res.send('Hello ' + req.params.id)
})

const orderRouter: Router = express.Router()
orderRouter.get('/', (req: Request, res: Response) => {
  res.send('Hello order!')
})

app.use('/user', userRouter)
app.use('/order', orderRouter)

app.listen(3000, () => {
  console.log('http://localhost:3000')
})

3.3.3、路由匹配

ts
const userRouter = express.Router()
userRouter.get('/', (req, res) => {
  res.send('Hello user!')
})
userRouter.get('/:id', (req, res) => {
  res.send('Hello ' + req.params.id)
})
// localhost:3000/user/1

Released under the MIT License.