Node.js基础---Express

03-01 1683阅读 0评论

1. 什么是 Express

官方：Express 是基于 Node.js 平台，快速、开放、极简的 Web 开发框架

$Node.js基础---Express,Node.js基础---Express,词库加载错误:未能找到文件“C:\Users\Administrator\Desktop\火车头9.8破解版\Configuration\Dict_Stopwords.txt”。,使用,我们,访问,第1张$

（图片来源网络，侵删）

通俗：Express的作用和Node.js内置的 http 模块类似，专门用来创建 Web 服务器的

本质：是一个 npm 上的包，提供了快捷创建服务器方法

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

为什么用：http模块和可以创建服务器，但是复杂效率低，Express是基于http封装来的，提高开发效率

能做什么：

对于前端来说，最常见的两种服务器：Web网站服务器、API接口服务器

$Node.js基础---Express,Node.js基础---Express,词库加载错误:未能找到文件“C:\Users\Administrator\Desktop\火车头9.8破解版\Configuration\Dict_Stopwords.txt”。,使用,我们,访问,第2张$

（图片来源网络，侵删）

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

2. Express 的基本使用

1. 安装

npm i express@4.17.1

2. 创建基本的 Web 服务器

const express = require('express')
const app = express()
app.listen(80, () => {
    console.log('启动服务器')
})

3. 监听 GET 请求

通过 app.get() 方法监听

// 参数1  客户端请求的URL地址
// 参数2  请求对应的处理函数
//        req:请求对象(包含与请求相关的属性与方法)
//        res:响应对象(包含与响应相关的属性与方法)
app.get('请求url', function(req, res) {/*处理函数*/})

4. 监听 POST 请求

通过 app.post() 方法监听

// 参数1  客户端请求的URL地址
// 参数2  请求对应的处理函数
//        req:请求对象(包含与请求相关的属性与方法)
//        res:响应对象(包含与响应相关的属性与方法)
app.post('请求url', function(req, res) {/*处理函数*/}

5. 把内容响应给客户端

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

app.get('/user', (req, res) => {
    // 向客户端发送 JSON 对象
    res.send({ name: 'Jason', age: 20, gender: '男' })
})
app.post('/user', (req, res) => {
    // 向客户端发送文本信息
    res.send('请求成功')
})

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

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

app.post('/', (req. res) => {
    // req.query 默认是一个空对象
    // 客户端使用 ?name=Jason&age=20  这种查询字符串形式 发送到服务器的参数
    // 可以通过 req.query 对象访问到:
    // req.query.name  req.query.age
    console.log(req.query)
})

7. 获取 URL 中的动态参数

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

$Node.js基础---Express,Node.js基础---Express,词库加载错误:未能找到文件“C:\Users\Administrator\Desktop\火车头9.8破解版\Configuration\Dict_Stopwords.txt”。,使用,我们,访问,第3张$

（图片来源网络，侵删）

app.post('/user/:id', (req, res) => {
    // req.params 默认是一个空对象
    // 里面存放着通过 : 动态匹配到的参数值
    console.log(req.params)
})

3. 托管静态资源

1. express.static()

通过这个函数，可以非常方便的创建一个静态资源服务器

通过如下代码可以将 public 目录下的图片 CSS JS文件对外开放

app.use(express.static('public'))
// 访问 public 目录下的所有文件
// http://localhost:8080/image/1.jpg
// http://localhost:8080/css/style.css
// http://localhost:8080/js/index.js

注意：存放静态文件的目录名不会出现在 URL 中

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

多次调用 express.static() 函数

app.use(express.static('public'))
app.use(express.static('files'))

访问静态资源文件时，函数会根据目录的添加顺序查找所需文件

3. 挂载路径前缀

希望在托管的静态资源访问路径前挂载路径前缀

app.use('/public', express.static('public'))
// 现在可以通过带有 /public 的前缀访问目录文件
// http://localhost:8080/public/image/1.jpg
// http://localhost:8080/public/css/style.css
// http://localhost:8080/public/js/index.js