【Node.js】Express

本文详细介绍了如何使用Express框架创建基本的Web服务器,包括监听GET和POST请求,处理客户端数据,响应内容,获取URL参数以及托管静态资源。同时,还讲解了nodemon工具在开发过程中的作用,即自动重启项目以方便代码调试。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

目录

什么是Express

安装Express

使用Express 

创建基本的web服务器

监听GET请求

监听POST请求 

把内容响应给客户端

获取URL中携带的查询参数

获取URL中的动态参数

托管静态资源

nodemon

为什么使用nodemon?

安装nodemon

什么是Express

是基于Node.js平台, 快速、开放、极简的Web开发框架

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

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

对于前端程序员,最常见的两种服务器:

Web网站服务器:专门对外提供web网页资源的服务器

API接口服务器:专门对外提供API接口的服务器

Express - 基于 Node.js 平台的 web 应用开发框架 - Express 中文文档 | Express 中文网

安装Express

 npm i express@4.17.1

使用Express 

创建基本的web服务器

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

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

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

监听GET请求

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

//参数1:客户端请求的url地址
//参数2:请求对应的处理函数

//      req:请求对象(包含了与请求相关的属性与方法)
//      res:响应对象(包含了与响应相关的属性与方法)
app.get('请求url',function(req,res){/*处理函数*/})

监听POST请求 

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

//参数1:客户端请求的url地址
//参数2:请求对应的处理函数

//      req:请求对象(包含了与请求相关的属性与方法)
//      res:响应对象(包含了与响应相关的属性与方法)
app.post('请求url',function(req,res){/*处理函数*/})

把内容响应给客户端

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

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


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

 用postman查询接口,可以得到数据

get请求:

 post请求:

获取URL中携带的查询参数

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

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

获取URL中的动态参数

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

//url地址中,可以通过 :参数名 的形式 匹配动态参数值
app.get('/user/:id',(req,res)=>{
   //req.params 默认是一个空对象
   //里面存放着通过 : 动态匹配的参数值
   console.log(req.params)
   res.send(req.params)
})

托管静态资源

express.static()

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

可以访问public目录中所有文件了

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

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

//对外提供静态资源
app.use(express.static('./clock'))

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

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

访问静态资源时,会根据文件顺序去访问

托管路径前缀

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

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

 

nodemon

为什么使用nodemon?

在编写Node.js项目的时候,如果修改了项目的代码,则需要频繁的手动close掉,然后再重新启动,非常繁琐。现在,可以使用nodemon,监听项目文件的变动,代码修改后,nodemon会自动帮我们重启项目

安装nodemon

npm i -g nodemon

 运行服务器时,将原来的node app.js 改为nodemon app.js

nodemon app.js

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

翘阳啦

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值