Express

目录

1. 初识 Express

1.1 Express 简介 

1.2 Express 的基本使用 

1.3 托管静态资源 

1.4 nodemon 

2. Express 路由 

2.1 路由的概念 

2.2 路由的使用

3. Express 中间件

3.1 中间件的概念 

3.2 Express 中间件的初体验 

3.3 中间件的分类 

3.4 自定义中间件 

4. 使用 Express 写接口

 4.1 创建基本的服务器 

 4.2 创建 API 路由模块

 4.3 编写接口

 4.4 开启服务器


#博学谷IT学习技术支持#

1. 初识 Express

1.1 Express 简介 

1. 什么是 Express 

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

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

Express 的本质:就是一个 npm 上的第三方包,提供了快速创建 Web 服务器的便捷方法。 

1.2 Express 的基本使用 

1. 安装

在项目所处的目录中,运行如下的终端命令,即可将 express 安装到项目中使用 

npm i express@4.17.1 

2. 创建基本的 Web 服务器 

const express = require('express');
//创建web服务器
const app = express();
//启动服务器
app.listen(80, () => {
    console.log('express server running at http://127.0.0.1');
})

3. 监听 GET 请求 

通过 app.get() 方法,可以监听客户端的 GET 请求,具体的语法格式如下

 4. 监听 POST 请求

 通过 app.post() 方法,可以监听客户端的 POST 请求,具体的语法格式如下:

5. 把内容响应给客户端 

通过 res.send() 方法,可以把处理好的内容,发送给客户端: 

const express = require('express');
//创建web服务器
const app = express();
//客户端发起get请求
app.get('/api/book', (req, res) => {
    console.log(`你访问的网址:${req.url},访问的类型:${req.method}`);
    res.send({
        bookname: '都市猎人',
        author: '杀手不太冷',
        type: '网络小说'
    })
})
//客户端发起post请求
app.post('/api/book', (req, res) => {
    res.send('请求成功!');
})
//启动服务器
app.listen(80, () => {
    console.log('express server running at http://127.0.0.1');
})

 6. 获取 URL 中携带的查询参数

通过 req.query 对象,可以访问到客户端通过查询字符串的形式,发送到服务器的参数: 

app.get('/api/book', (req, res) => {

    console.log(req.query);   //{ name: 'zs', age: '18', sex: '男' }

})

7. 获取 URL 中的动态参数 

通过 req.params 对象,可以访问到 URL 中,通过 : 匹配到的动态参数: 

http://127.0.0.1/api/你好

//客户端发起get请求

app.get('/api/:id', (req, res) => {

    console.log(req.params);   // { id: '你好' }

})

1.3 托管静态资源 

1. express.static() 

express 提供了一个非常好用的函数,叫做 express.static(),通过它,我们可以非常方便地创建一

个静态资源服务器,例如,通过如下代码就可以将 public 目录下的图片、CSS 文件、JavaScript

文件对外开放访问了: 

注意:Express 在指定的静态目录中查找文件,并对外提供资源的访问路径。 因此,存放静态文件的目录名不会出现在 URL 中。 

2. 托管多个静态资源目录 

 如果要托管多个静态资源目录,请多次调用 express.static() 函数:

访问静态资源文件时,express.static() 函数会根据目录的添加顺序查找所需的文件。 

3. 挂载路径前缀 

如果希望在托管的静态资源访问路径之前,挂载路径前缀,则可以使用如下的方式: 

现在,你就可以通过带有 /public 前缀地址来访问 public 目录中的文件了: 

1.4 nodemon 

安装 nodemon 

2. Express 路由 

2.1 路由的概念 

1. 什么是路由 

广义上来讲,路由就是映射关系 

3. Express 中的路由 

在 Express 中,路由指的是客户端的请求与服务器处理函数之间的映射关系。 

Express 中的路由分 3 部分组成,分别是请求的类型、请求的 URL 地址、处理函数,格式如下: 

 4. Express 中的路由的例子 

5. 路由的匹配过程 

每当一个请求到达服务器之后&#

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值