八、Express

1、Express简介

1.什么是Express

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

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

Express本质：就是一个npm上的第三方包，提供了快速创建Web服务器的便捷方法

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

2、Express能做什么

最常见的俩种服务器，分别是：

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

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

2、Express的基本使用

1、安装

npm i express@4.17.1

2、创建基本的Web服务器

// 1、导入express
const express = require('express');
// 2、创建web服务器
const app=express();
// 3、启动web服务器
app.listen(80,()=>{
    console.log('express listening on port 80');
})

3、监听GET请求

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

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

• 参数1：客户端请求的url地址
• 参数2：请求对应的处理函数
  • req：请求对象
  • res：响应对象

4、监听POST请求

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

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

• 参数1：客户端请求的url地址
• 参数2：请求对应的处理函数
  • req：请求对象
  • res：响应对象

5、把内容响应给客户端

通过res.send()方法，可用把处理好的内容

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

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

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

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

7、获取URL中的动态参数

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

app.get('/user/:id',(req,res) => {
    //req.params默认是一个空对象
    res.send(req.params)
})

3、托管静态资源

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中

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

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

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

注意：访问静态资源文件时，express.static()函数会根据目录的添加顺序查找所需文件，例如，如果都有index.html，那运行第一个静态目录的

3、挂载路径前缀

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

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

访问路径

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

4、nodemon

1、为什么要使用nodemon

在编写Node.js项目的时候，如果修改了项目的代码，则需要频繁的手动close掉，如何再重新启动，非常繁琐

现在，我们可以使用nodemon(https://www.npmjs.com/package/nodemon)这个工具，它能够监听项目文件的变动，当代码被修改后，nodemon会自动帮我们重启项目，极大方便了开发和调试

2、安装nodemon

npm install -g nodemon

3、使用nodemon

• 之前使用

node app.js

• 现在使用

nodemon app.js