Express框架的的基本使用

什么是Express

​ 官方概念: Express是基于Node.js平台,快速、开放、极简的Web开发框架。

​ 通俗理解: Express的作用和Node.js内置的http模块相似,是专门用来创建Web服务器的。

为什么学Express

​ http内置模块用起来很复杂,开发效率低。Express是基于http模块进一步封装出来的,能够极大的提高开发效率。

Express能做什么?

对于我们来说,最常见的两种服务器,分别是:

• Web网站服务器: 专门对外提供Web网页资源的服务器
• API接口服务器: 专门对外提供API接口的服务器

使用Express,我们可以方便、快速的创建Web网站的服务器或API接口服务器。

Express中文官网: http://www.expressjs.com.cn/

Express安装

npm install express@4.17.2

1.Express的基本使用

1.Express创建web服务器

// 1.导入express
const express = require('express')
// 2.创建服务器
const app = express()
// 4.监听客户端的GET和POST请求,并向客户端响应具体内容
app.get('/user', (req, res) => {

    // 调用express提供的res.send()方法,向客户端响应一个JSON对象
    res.send({ uname: 'zs', age: '18' })
})

app.post('/user', (req, res) => {

    // 调用express提供的res.send()方法,向客户端响应一个文本字符串
    res.send('请求成功')
})

// 3.启动服务器
app.listen(8080, () => {

    console.log('server running at http://127.0.0.1:8080')
})

2.获取url中携带的参数

req.query

app.get('/', (req, res) => {
    console.log(req.query)	// 默认情况下,req.query是一个空对象 {}
    res.send(req.query)
})

• 通过req.query对象,可以获取到客户端发送过来的查询参数

3.获取url中携带的动态参数

req.params

app.get('/user/:id/:name', (req, res) => {
    console.log(req.params)	// 默认情况下,req.params是一个空对象 {}
    res.send(req.params)
})

• 通过req.params对象,动态匹配到的url参数。
• 冒号是固定的写法。冒号后面的名称是参数的名称,可以任意的起
• 可以有多个动态参数

4.托管静态资源

express.static()

const express = require('express')
const app = express()
// 对外托管静态资源(有多个多次调用即可)
app.use('/clock', express.static('./clock'))       
app.use('/files', express.static('./files'))
app.listen(8080, () => {
    console.log('server is running at http://127.0.0.1')
})

• 通过express.static(),我们可以非常方便的创建一个静态资源服务器
• 通过app.use(express.static('clock')),我们就可以将clock目录下的图片,css,js,html等文件对外访问了
• 访问静态资源文件时,express.static()会根据目录的添加顺序查找所需文件

2.Express写接口

app.js

// 1. 导入express
const express = require('express')
// 2. 创建服务器
const app = express()

// 配置解析表单数据的中间件
app.use(express.urlencoded({ extended: false }))
// 导入cors
const cors = require('cors')
// 注册cors中间件解决跨域问题
app.use(cors())

// 4. 导入路由模块
const router = require('./02_apiRouter')
// 5. 把路由模块,注册到app上
app.use('/api', router)

// 3. 开启服务器
app.listen(8080, () => console.log('Server is running at http://127.0.0.1:8080'))

apiRouter.js

// 1.导入express
const express = require('express')
// 2.创建路由对象
const router = express.Router()

// 3.挂载具体路由
// 编写get接口
router.get('/get', function (req, res) {
    
    const query = req.query
    res.send({
        status: 200,                   
        msg: 'GET请求成功!',             
        data: query                     
    })
})

// 编写post接口
router.post('/post', function (req, res) {

    const body = req.body
    res.send({
        status: 200,
        msg: 'POST请求成功!',
        data: body
    })
})

// 编写delete接口
router.delete('/delete', function (req, res) {

    res.send({
        status: 200,
        msg: 'DELETE请求成功!'
    })
})

// 4.对外共享路由对象
module.exports = router