Node.js — 初识Express、托管静态资源、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:80');
})

(3).监听GET请求

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

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

(4).监听post请求

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

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

(5).把内容响应给客户端

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

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

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

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

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

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

(7).获取URL中的动态参数

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

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

：后面的字符串只要合法就行，id为参数名，可以写其他的参数名；

也可以匹配多个参数，例如：app.get(’/user/:id/:name’,(req,res)=>{/*处理函数*/})

3.托管静态资源

(1).express.static()

express提供了一个非常好用的函数，叫做express.static()，通过它，我们可以非常方便地创建一个静态资源服务器，例如，通过如下代码就可以将public目录下的图片，CSS文件、JavaScript文件对外开放访问了：

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

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

http://127.0.0.1:80/css/style.css

http://127.0.0.1:80/js/login.js

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

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

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

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

访问静态资源文件时，express.static()函数会根据目录的添加顺序查找需要的文件

(3).挂载路径前缀

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

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

这样就可以通过带有/public前缀地址来访问public目录中的文件:

http://127.0.0.1:80/public/css/style.css

http://127.0.0.1:80/public/js/login.js

4.nodemon

(1).为什么要使用nodemon

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

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

(2).安装nodemon

在终端中，运行如下命令，即可将nodemon安装为全局可用的工具：

npm install -g nodemon

(3).使用nodemon

当基于 Nodejs 编写了一个网站应用的时候，传统的方式，是运行 node app.js 命令，来启动项目。这样做的坏处是：代码被修改之后，需要手动重启项目。

现在，我们可以将 node 命令替换为 nodemon 命令，使用 nodemon app.js 来启动项目。这样做的好处是：代码被修改之后，会被 nodemon 监听到，从而实现自动重启项目的效果。

node app.js
//将上面的终端命令，替换为下面的终端命令，即可实现自动重启项目的效果
nodemon app.js

二、Express路由

1.路由的概念

(1).什么是路由

广义来讲，路由就是映射关系。

(2).现实生活中的路由

在这里，路由是按键与服务之间的映射关系。

(3).Express中的路由

在Express中，路由指的是客户端的请求与服务器处理函数之间的映射关系。

Express中的路由分3部分组成，分别是请求的类型、请求的URL地址、处理函数，格式如下：

app.Method(PATH,HANDLER)

(4).Express中的路由例子

//匹配 GET 请求，且请求URL为/
app.get('/',(req,res)=>{
    res.send('Hello World')
})

//匹配 POST 请求，且请求URL为/
app.post('/',(req,res)=>{
    res.send('got a POST request')
})

(5).路由的匹配过程

每当一个请求到达服务器之后，需要先经过路由的匹配，只有匹配成功之后，才会调用对应的处理函数。

在匹配时，会按照路由的顺序进行匹配，如果请求类型和请求的URL同时匹配成功，则Express会将这次请求，转交给对应的function函数进行处理。

路由匹配的注意点：

①按照定义的先后顺序进行匹配

②请求类型和请求的URL同时匹配成功，才会调用对应的处理函数

2.路由的使用

(1).最简单的用法

在Express中使用路由最简单的方法，就是把路由挂载到app上，示例代码如下：

const express = require('express')
const app = express()
//挂载路由
app.get('/',(req,res)=>{
    res.send('hello world')
})
app.post('/',(req,res)=>{
    res.send('post request')
})
//启动web服务器
app.listen(8080,()=>{
    console.log('server runnnig at http://127.0.0.1:8080');
})

(2).模块化路由

为了方便对路由进行模块化的管理，Express 不建议将路由赢接挂载到 app 上，而是推荐将路由抽离为单独的模块。

将路由抽离为单独模块的步骤如下：

①创建路由模块对应的js文件

②调用**expres.Router()**函数创建路由对象

③向路由对象上挂载具体的路由

④使用 module.exports 向外共享路由对象

⑤使用 app.use()函数注册路由模块

(3).创建路由模块

//这是路由模块
//1.导入express
const express = require('express')
//2.创建路由模块
const router = express.Router()
//3.挂载具体的路由
router.get('/user/list',(req,res)=>{
    res.send('Get user list')
})
router.post('/user/add',(req,res)=>{
    res.send('Add new user')
})
//4.向外导出路由对象
module.exports=router

(4).注册路由模块

const express = require("express")
const app = express()

//1.导入路由模块
const router = require('./05.router')
//2.注册路由模块
app.use(router)

app.listen(80,()=>{
    console.log('http://127.0.0.1');
})

注意：app.use() 函数的作用，就是用来注册全局中间件

(5).为路由模块添加前缀

类似于托管静态资源时，为静态资源统一挂载访问前缀一样，路由模块添加前缀的方式也非常简单：

const express = require("express")
const app = express()

//1.导入路由模块
const router = require('./05.router')
//2.使用app.use()注册路由模块,并添加统一访问前缀 /api
app.use('api',router)

app.listen(80,()=>{
    console.log('http://127.0.0.1');
})