Express

最新推荐文章于 2024-09-30 15:42:36 发布

๑Aurora.

最新推荐文章于 2024-09-30 15:42:36 发布

阅读量535

点赞数

分类专栏：前端文章标签： express 前端 javascript

本文链接：https://blog.csdn.net/qq_62755767/article/details/127308075

版权

前端专栏收录该内容

29 篇文章 0 订阅

订阅专栏

文章目录

Express简介

1.什么是Express

Express是基于Node.js平台，快速、开放、极简的Web开发框架。
我们可以这样理解：Express 的作用和Node.js 内置的 http模块类似，是专门用来创建Web服务器的。
Express本质：就是一个npm上的第三方包，提供了快速创建Web服务器的便捷方法

2.Express作用

对于前端程序员来说，最常见的两种服务器，分别是：

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

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

Express基本使用

1.安装

在所处项目的目录中，输入npm i express@4.17.1

2.创建最基本的Web服务器

导入express
创建web服务器
调用app.listen(端口号，启动成功后的回调函数)

//导入express
const express = require('express')

//创建web服务器
const app = express()

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

3.监听GET请求

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

app.get('请求URL', function(req, res) { /*处理函数*/ })

4.监听POST请求

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

app.post('请求URL', function(req, res) { /*处理函数*/ })

其中get()方法和post()方法一共需要两个参数：

第一个参数，是用户请求的 URL地址
第二个参数，请求所对应的处理函数，其中包含两个形参：
req：请求对象（包含于请求相关的属性和方法）
res：响应对象（包含了与相应相关的属性和方法）

5.把内容响应给客户端

通过res.send()方法，可以把处理好的内容发送给客户端，具体的语法格式如下：

app.get('/user', (req, res) => {
    //向客户端发送JSON对象
    res.send({ name: 'zs', age: 20 })
})

app.post('/user', (req, res) => {
    // 向客户端发送文本内容
    res.send('请求成功')
})

其中get()方法一共需要两个参数：

第一个参数，是用户请求的 URL地址
第二个参数，请求所对应的处理函数，其中包含两个形参：
req：请求对象（包含于请求相关的属性和方法）
res：响应对象（包含了与相应相关的属性和方法）

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

通过req.query对象，可以访问到客户端通过查询字符串的形式，发送到服务器的参数，语法格式如下：

app.get('/', (req, res) => {
    console.log(req.query);
})

req.query默认是一个空对象，客户端使用?name=zs&age=20这种查询字符串形式，发送到服务器的参数，可以通过req.query对象访问到

7.获取URL中的动态参数

通过req.params对象，可以访问到URL中通过：匹配到的动态参数，语法格式如下：

app.get('/user/:id', (req, res) => {
    console.log(req.params );
    res.send(req.params)
})

req.params默认是一个空对象，里面存放着通过：动态匹配到的参数值

托管静态资源

1.express.static()

express 提供了一个非常好用的函数，叫做 express.static()，通过它，我们可以非常方便地创建一个静态资源服务器。
例如，通过如下代码就可以将public目录下的图片、CSS文件、JavaScript 文件对外开放访问了:app.use(express.static('public')) ，就可以访问public目录中所有文件
注意:Express在指定的静态目录中查找文件，并对外提供资源的访问路径。因此，存放静态文件的目录名不会出现在URL中。