Express框架

发表于 | 更新于 | 分类于 | 评论数：
本文字数： 12k | 阅读时长 ≈ 11 分钟

一、引入Express框架

1.安装并加载Express模块

1
npm install express -g
1
2
3
4
let express = require('express')
let app = express() //相当于http.createServer()

module.exports = app

2.编写响应和绑定端口号

在Express框架下，不再需要更改响应头，其具有自动识别并更改响应头的能力。

1
2
3
4
5
6
7
app.get('/',(req,res)=>{
    console.log(req.url)
    res.send('i am erxpress')
})
app.listen(3000,()=>{
    console.log('Server is running~')
})

3.设置静态空间

在被设置为静态空间的文件夹下的文件可以被终端直接访问,例如：

1
2
3
4
5
/*
	功能：为在当前文件夹下的public文件夹设置为静态空间
		可以直接以./public/*的方式打开对应文件
*/
app.use('/public/',express.static('./public'))

4.在express中使用art-template

使用express-art-tempalte虽然不需要再载入art-template,但是前者是基于后者的，所以使用前者必须安装后者。

安装express-art-template模块后，使用方法如下：

1
2
3
4
5
app.engine('html',require('express-art-template'))

app.get('/',(req,res)=>{
    res.render('文件名.html',模板json)
})

注意

  • render中的文件无需加入路径，默认访问当前文件夹下的views文件夹下的对应文件，如需更改可以使用：

    1
    app.set('views',更改的默认目录+'/')

5.在express中解析post请求的数据

需要先安装中间件-body-parser,然后根据以下命令配置

1
2
3
4
5
6
7
let bodyParser = require('body-parser')
app.use(bodyParser.urlencoded({extended:false}))
app.use(bodyParser.json)

app.post('/',(req,res)=>{
    console.log(req.body)
})

6.构建路由

1
2
3
4
router = express.Router()
router.get('/',(req,res)=>{})
router.post('/',(req,res)=>{})
app.use(router)

7.构建项目链

  1. 构建入口函数
  2. 设计路由
  3. 设计API
  4. 具体实现
1
app.js <--- router.js <--- APIname.js

二、Session

express-session中间件

配置:

1
2
3
4
5
6
7
8
9
10
11
12
let session = require('express-session')

app.use(session({
  secret: 'keyboard cat',  //配置加密字符串。为了增加安全性，再加密后再加上该字符串进行一次加密
  resave: false,
  saveUninitialized: true  //无论是否使用session,默认分配一个sid（钥匙）
}))


app.get('/',(req,res)=>{
    req.session.xx = xxx
})

三、关于Express中的中间件

3.1 中间件

中间件middleware就是一个为你增加功能的方法。配置好对应的中间件之后，我们就能使用对应的功能了。在Node.js中，中间件一般都是处理请求的req,res

3.2 Express中间件按关心内容分类

中间件 参数 功能 类型
use (req,res,next)=>{} 不论收到来自客户端的任何请求，都会执行参数里的方法。next()代表自动执行下一个中间件 不关心请求路径和请求方式的中间件
use ‘/xxx’,(req,res,next)=>{} 当请求路径以第一个参数开头时，则执行第二个参数的方法 关心请求路径但不关心请求方式的中间件
get、post ‘/xxx’,(req,res,next)=>{} 当对应get、post请求的请求路径为对应的第一个参数时执行 严格按照请求路径并关心请求方式的中间件

3.3 中间件匹配策略

  • 如果匹配到第一个符合条件的中间件
    • 如果没有next则结束匹配
    • 如果执行了next（）则继续匹配下一个符合条件的中间件
  • 如果没有匹配到，则继续向下找满足条件的中间件

3.4 使用中间件配置404和全局错误处理

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
//example...
app.get('/',(req,res,next)=>{
    fs.read('ab.txt',(err,data)=>{
        if(err){
            return next(err)
        }
    })
})
//example...


//配置404页面
app.use((req,res)=>{
    res.render('404.html')
})

//配置全局错误处理
app.use((err,req,res)=>{
    res.status(500).send(err.message)
    //或者
    res.status(500).json({
        ....
    })
})
0%