Node中Express的基本使用

Express

官网传送门(opens new window)

• 基于 Node.js 平台，快速、开放、极简的 Web 开发框架
• Express是基于http模块二次封装的
• Express 是用于快速创建服务器的第三方模块。

一、安装 Express

常用版本4.17.1

npm install express@4.17.1

二、Express创建最基本的服务器

// 1.导入express
const express = require("express");

// 2.创建web服务器`在这里插入代码片`

const app = express();

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

三、监听get和post请求

通过app.get()方法，可以监听客户端的 GET 请求
通过app.post()方法，可以监听客户端的 POST 请求，

• 语法

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

• 参数说明

参数1： 客户端请的 URL 地址
参数2： 请求对应的处理函数

• req: 请求对象 (包含了与请求相关的属性与方法)
• res: 响应对象(包含了与响应相关的属性与方法)
  通过 res.send()方法，可以把处理好的内容，发送给客户端

• 示例

// 监听客户端的 GET 和 POST 请求，并向客户端响应具体的内容
app.get('/user', (req, res) => {
  res.send({ name: 'zs', age: 20, gender: '男' })
})
app.post('/user', (req, res) => {
  res.send('请求成功')
})

• 完整代码

// 1.导入express
const express = require("express");

// 2.创建web服务器

const app = express();
// 监听客户端的 GET 和 POST 请求，并向客户端响应具体的内容
app.get("/user", (req, res) => {
  res.send({ name: "zs", age: 20, gender: "男" });
});
app.post("/user", (req, res) => {
  res.send("请求成功");
});
// 3.启动web服务器
app.listen(80, () => {
  console.log("express server running at http://127.0.0.1");
});

四、获取URL中携带的查询

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

app.get("/user", (req, res) => {
  console.log(req.query);   //{ name: 'zs', age: '20' }
});

五、获取URL中的动态参数

通过req.params 对象，可以访问到 URL中，通过:配到的动态参数
req.params 默认是一个空对象里面存放着通过:动态匹配到的参数值

5.1. 单个动态参数

// 获取URL中的动态参数
app.get("/user/:id", (req, res) => {
  console.log(req.params); //{ id: '123' }
});

5.2. 多个动态参数

// 获取URL中的多个动态参数
app.get("/user/:id/:name", (req, res) => {
  // req.params 默认是一个空对象
  // 里面存放着通过 : 动态匹配到的参数值
  console.log(req.params); //{ id: '123', name: 'zhangsan' }
});

六、托管静态资源

6.1. express.static()

express 提供了一个非常好用的函数，叫做 express.static()，通过它，我们可以非常方便地创建一个静态资源服务器

例如，通过如下代码就可以将 public 目录下的图片、CSS 文件、JavaScript 文件对外开放访问了:

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

现在，你就可以访问 public 目录中的所有文件了

http://localhost:3000/images/bg.jpg
http://localhost:3000/css/style.css
http://localhost:3000/js/login.js

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

• 示例

• 托管静态资源的js文件内容

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

// 把当前目录下的public文件夹对外提供静态资源
app.use(express.static("./public"));

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

浏览器地址栏输入127.0.0.1/肖战.webp

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

// 把当前目录下的public文件夹对外提供静态资源
app.use(express.static("./public"));
app.use(express.static("./static"));

6.3. 挂载静态资源路径前缀

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

app.use("/public", express.static("./public"));

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

http://localhost:3000/public/images/kitten.jpg
http://localhost:3000/public/css/style.css
http://localhost:3000/public/js/app;js

• 示例

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

// 把当前目录下的public文件夹对外提供静态资源
app.use("/public", express.static("./public"));

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

七、Nodemon 简介、安装、使用和配置

https://blog.csdn.net/qq_44741577/article/details/136455374?spm=1001.2014.3001.5501