说明 http express 和 koa 的路由参数分别怎么获取2-简单说明动态路由、说明 express 和 koa 的中间件的使用、简述 koa 的洋葱圈模型、扩展:了解 websocket

1-说明 http express 和 koa 的路由参数分别怎么获取2-简单说明动态路由
  http:   
    get:url.parse(req.url,true).query
    post:
      var queryString=require(‘queryString‘)
      var bodyParse=‘‘
      req.on(‘data‘,(params)=>{
        bodyParse+=params
      })
      
      req.on(‘end‘,(params)=>{
        let {name}=queryString.parse(bodyParse)
        res.end(name)
      })
  express:
      get:
        req.query.xxx
      post:
        var bodyParser=require(‘body-parser‘)
        app.use(bodyParser.urlencoded({extends:false}))
        app.post(‘/add‘,(req,res)=>{
          let {name}=req.body
          res.send(name)
        })
  koa:
    get:
      ctx.query.xxx
    post:
      var bodyParser=require(‘body-parser‘)
      app.use(bodyParser())
      ctx.request.body.xxx
3-说明 express 和 koa 的中间件的使用
  写next()程序未执行玩继续往下执行,未写则程序停止执行
4-简述 koa 的洋葱圈模型
  
const Koa = require(‘koa‘);
const app = new Koa();

// x-response-time
app.use(async (ctx, next) => {
  const start = new Date();
  await next();
  const ms = new Date() - start;
  ctx.set(‘X-Response-Time‘, `${ms}ms`);
});

// logger
app.use(async (ctx, next) => {
  const start = new Date();
  await next();
  const ms = new Date() - start;
  console.log(`${ctx.method} ${ctx.url} - ${ms}`);
});

// response
app.use(ctx => {
  ctx.body = ‘Hello World‘;
});

app.listen(3000,()=>{
  console.log(‘服务器以启动,端口正在监听中...‘)
});
5-扩展:了解 websocket

  首先,WebSocket 是一个持久化的协议,相对于 HTTP 这种非持久的协议来说。简单的举个例子吧,用目前应用比较广泛的 PHP 生命周期来解释。

HTTP 的生命周期通过 Request 来界定,也就是一个 Request 一个 Response ,那么在 HTTP1.0 中,这次 HTTP 请求就结束了。

在 HTTP1.1 中进行了改进,使得有一个 keep-alive,也就是说,在一个 HTTP 连接中,可以发送多个 Request,接收多个 Response。但是请记住 Request = Response, 在 HTTP 中永远是这样,也就是说一个 Request 只能有一个 Response。而且这个 Response 也是被动的,不能主动发起。

你 BB 了这么多,跟 WebSocket 有什么关系呢? 好吧,我正准备说 WebSocket 呢。

首先 WebSocket 是基于 HTTP 协议的,或者说借用了 HTTP 协议来完成一部分握手。

首先我们来看个典型的 WebSocket 握手

GET /chat HTTP/1.1
Host: server.example.com
Upgrade: websocket
Connection: Upgrade
Sec-WebSocket-Key: x3JJHMbDL1EzLkh9GBhXDw==
Sec-WebSocket-Protocol: chat, superchat
Sec-WebSocket-Version: 13
Origin: http://example.com

  熟悉 HTTP 的童鞋可能发现了,这段类似 HTTP 协议的握手请求中,多了这么几个东西。

Upgrade: websocket
Connection: Upgrade

  这个就是 WebSocket 的核心了,告诉 Apache 、 Nginx 等服务器:注意啦,我发起的请求要用 WebSocket 协议,快点帮我找到对应的助理处理~而不是那个老土的 HTTP。

Sec-WebSocket-Key: x3JJHMbDL1EzLkh9GBhXDw==
Sec-WebSocket-Protocol: chat, superchat
Sec-WebSocket-Version: 13

  首先, Sec-WebSocket-Key 是一个 Base64 encode 的值,这个是浏览器随机生成的,告诉服务器:泥煤,不要忽悠我,我要验证你是不是真的是 WebSocket 助理。

然后, Sec_WebSocket-Protocol 是一个用户定义的字符串,用来区分同 URL 下,不同的服务所需要的协议。简单理解:今晚我要服务A,别搞错啦~

最后, Sec-WebSocket-Version 是告诉服务器所使用的 WebSocket Draft (协议版本),在最初的时候,WebSocket 协议还在 Draft 阶段,各种奇奇怪怪的协议都有,而且还有很多期奇奇怪怪不同的东西,什么 Firefox 和 Chrome 用的不是一个版本之类的,当初 WebSocket 协议太多可是一个大难题。。不过现在还好,已经定下来啦~大家都使用同一个版本: 服务员,我要的是13岁的噢→_→

然后服务器会返回下列东西,表示已经接受到请求, 成功建立 WebSocket 啦!

HTTP/1.1 101 Switching Protocols
Upgrade: websocket
Connection: Upgrade
Sec-WebSocket-Accept: HSmrc0sMlYUkAGmm5OPpG2HaGWk=
Sec-WebSocket-Protocol: chat

  这里开始就是 HTTP 最后负责的区域了,告诉客户,我已经成功切换协议啦~

Upgrade: websocket
Connection: Upgrade

说明 http express 和 koa 的路由参数分别怎么获取2-简单说明动态路由、说明 express 和 koa 的中间件的使用、简述 koa 的洋葱圈模型、扩展:了解 websocket

上一篇:Hibernate(冬眠,数据持久层框架)


下一篇:jQuery ajax() success, error VS .done(), .fail()