Express

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

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

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

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

安装

npm i express

创建基本的Web服务器

// 1. 导入 express
const express = require('express');
// 2. 创建 web 服务器
const app = express();

// 3. 调用app.listen(端口号，启动成功后的回调函数)，启动服务器
app.listen(8080,()=>{
  console.log('服务启动成功 请访问：http://localhost:8080');
})

监听GET和POST请求的方法

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

响应数据给客户端的方法

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

app.post('请求URL',(req,res)=>{
  res.send('请求成功') // 向客户端发送文本内容
})
// res.send() 和 res.end()区别：
// 1. 参数类型区别
	res.send() 参数可以是 a Buffer object,a String,an object,an Array.
	res.end() 参数只能是Buffer 对象或者是字符串
// 2. res.send() 会自动发送更多的响应报文头，其中就包括Content-Type: text/html;charset=utf-8,所以没有乱码

获取URL 中携带的查询参数

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

获取URL中的动态参数

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

补充知识点

• /:id 是自定义的变量
• 参数可以有多个，例如：地址为…/user/123/456 匹配/:ids/:name 值为{ ids:’123’, name:’456’ }

托管静态资源(就是将目录中的图片、css、JS等静态文件对外开放访问)

app.use(express.static('文件夹名'))

注意: 在访问的时候目录名不会出现在URL中

const express = require('express');
const app = express();

app.use(express.static('public')).listen(8080,()=>{
  console.log('启动成功 http://localhost:8080');
})

// 访问图片资源：http://localhost:8080/images/bg.jpg
// 访问 css 资源：http://localhost:8080/css/style.css
// 访问 js 资源：http://localhost:8080/js/login.js

托管多个静态资源目录

app.use(express.static('public1'),express.static('public2'))

挂载路径前缀

app.use('/public',express.static('public'))
// 访问图片资源：http://localhost:8080/public/images/kitten.jpg
// 访问 css 资源：http://localhost:8080/public/css/style.css
// 访问 js 资源：http://localhost:8080/public/js/app.js

nodemon

使用nodemon启动的项目被修改之后会被 nodemon 监听到，从而实现自动重启项目的效果

npm i nodemon -g // 全局安装nodemon
nodemon app.js // 运行app.js文件

Express路由

在Express中，路由指的是请求地址和服务器处理函数之间的映射关系—从上往下匹配

由 请求的类型、请求的URL地址、处理函数 这三部分组成

app.METHOD(PATH,HANDLER)

最简单的用法就是把路由挂载到 app 上去

// 例：
 app.get('/login',function(req,res){ 
   res.send('登录成功') 
 })
 app.post('/add',function(req,res){ 
   res.send('添加成功') 
 })
 // 为了方便对路由进行模块化的管理，Express不建议将路由直接挂载到app上

模块化路由的步骤

• 创建路由模块对应的 .js 文件
• 调用 express.Router()函数创建路由对象
• 向路由对象上挂载具体的路由
• 使用 module.exports 向外共享路由对象
• 使用 app.use() 函数注册路由模块

  // router.js
  
  // 1. 导入 express
  const express = require('express')
  // 2. 创建路由对象
  const router = express.Router() // 规定的
  
  // 3. 挂载获取用户列表的路由
  router.get('/list', (req, res) => {
    res.send('用户列表')
  })
  
  // 4. 挂载添加用户列表的路由
  router.post('/add', (req, res) => {
    res.send('添加用户')
  })
  
  // 5. 向外导出路由对象
  module.exports = router

  注册路由模块

  // app.js
  
  const express = require('express')
  const app = express()
  
  // 导入路由模块
  const userRouter = require('./router')
  
  // 使用 app.use() 注册路由模块
  // app.use(userRouter)
  app.use('/user',userRouter) // 添加了路由前缀
  
  app.listen(8080, () => {
    console.log('服务启动成功 http://localhost:8080')
  })