Node.js|【Node.js】Express 前端|javascript|node.js

目录

什么是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.namereq.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()函数
访问静态资源时，会根据文件顺序去访问

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