express

express 中间件 （Middleware）

• 中间件是一个函数,函数中参数有三个：

  1. request 请求
  2. response 响应
  3. next 请求和响应中间的循环流程

• 中间件有三种类型

  1. 应用级中间件
  2. 路由中间件
  3. 错误处理中间件

• 前端的请求方式有几种？

  1. get
  2. post
  3. put
  4. delete
  5. head
  6. all

• 以上的请求方式统称为： restful api

• restful是一个规则，这个规则规定了数据接口的使用原则

• 举例：
  http:localhost:300/shopcar/add
  http:localhost:300/shopcar/delete
  http://localhost:300/shopcar

• 想： 如果能有一个接口来表示不同的请求功能，那会怎么样呢？

• 解决： restful api 这个规则
  http://localhost:300/shopcar

  get
  post
  put
  delete

express

1. 后端渲染一个页面
2. api接口

问题： 如果遇到了前后端不分离的项目， 你怎么做？

1. 找后端，搭建项目启动的环境
2. 找后端模板引擎 （ 找类似于 view 这样的目录 ）
3. 找静态资源文件目录
4. 找对应性文件， index.ejs index.css
5. 看效果改js 看效果改css

api接口暴露

测试接口是否正常，我们可以使用测试工具：postman insomnia

BE: BackEnd 后端

• express中一个路由即一个接口

• api接口暴露的方式有两种：

  • 第一种： 使用模板进行暴露，但是要将数据做字符串转换，然后使用ejs的非转义输出

    router.get('/',function( req,res,next ) {
      res.render('mine', {
        mine: JSON.stringify({
          ret: true,
          username: 'yyb',
          password: 123
        })
      })
    })
  

  • 第二种： 使用json()

    router.get('/',function( req,res,next ) {
      res.json({
        ret: true,
         username: 'yyb',
         password: 123
       })
    })
  

通信

前端三种通信形式

1. 一种是基于后端的
   • 基于net模块的socket
2. 另外两种是基于前端
   • H5 提供的 webSocket
   • 低版本pc端使用的 socket.io