美文网首页
WebSocket 初探(一)

WebSocket 初探(一)

作者: hylide | 来源:发表于2017-07-17 19:50 被阅读0次

WebSocket

WebSocket protocol 是HTML5一种新的协议。它实现了浏览器与服务器全双工通信(full-duplex)

在 WebSocket API,浏览器和服务器只需要做一个握手的动作,然后,浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送

以上摘自 百度百科

实际上,我们可以简单的将 WebSocket 理解为:

在 Http 连接的基础上,通过客户/服务端都支持的协议规则,经过一次握手协定,升级为 WebSocket 连接(本质上就是一个 socket 连接)

其中客户端不仅限于 当前支持 WebSocket 技术的浏览器,这也是下文要说的内容。

WebSocket 握手协议

在实现websocket连线过程中,需要通过浏览器发出websocket连线请求,然后服务器发出回应,这个过程通常称为“握手” (handshaking)

客户端侧, 握手请求:


   GET /your router HTTP/1.1

   Host: your host

   Upgrade: websocket Connection: Upgrade

   Sec-WebSocket-Key: xqBt3ImNzJbYqRINxEFlkg==

   Origin: http://your host

   Sec-WebSocket-Version: 13

客户端发送握手请求要求如下:

  • 必须是有效的 http request 格式
  • HTTP request method 必须是 GET,协议版本应不小于1.1
  • 必须包括 Upgrade 头域,并且其值为 "WebSocket"
  • 必须包括 Connection 头域,并且其值为 "Upgrade"
  • 必须包括 Sec-WebSocket-Key 头域,其值采用 base64 编码的随机16字节长的字符序列
  • 如果请求来自 浏览器客户端, 那么还必须包括 Origin 头域。该头域用于放置未授权的跨域脚本攻击。
  • 必须包括 Sec-WebSocket-Version 头域,当前值必须是 13(现行版本)
  • 可以包括 Sec-WebSocket-Protocol 头域,表示 client 支持的协议列表
  • 可以包括 Sec-WebSocket-Extensions 头域,表示协议扩展增强

服务端侧, 握手回应:


   HTTP/1.1 101 Switching Protocols

   Upgrade: websocket

   Connection: Upgrade

   Sec-WebSocket-Accept: K7DJLdLooIwIG/MOpvWFB3y3FE8=

相关文章

  • 2020-04-03

    ## webSocket初探 ## 目录 - 为什么WebSocket - 什么是WebSocket - WebS...

  • WebSocket 初探(一)

    WebSocket WebSocket protocol 是HTML5一种新的协议。它实现了浏览器与服务器全双工通...

  • websocket初探

    Websocket 是什么? WebSocket协议是基于TCP的一种新的网络协议。它实现了浏览器与服务器全双工(...

  • websocket初探

    今天是想分享一下关于websocket在nodejs里面的相关实践。 websocket相关的知识大家在搜索引擎上...

  • Websocket初探

    Websocket是一种在单个TCP连接上进行全双工通信的网络协议,是HTML5新增的协议。那么为何要使用Webs...

  • webSocket初探

    一、WebSocket介绍与原理 WebSocket protocol 是HTML5一种新的协议。它实现了浏览器与...

  • 初探和实现websocket心跳重连

    初探和实现websocket心跳重连 心跳重连缘由 在使用websocket过程中,可能会出现网络断开的情况,比如...

  • WebSocket 协议初探

    前言 公司项目使用WebSocket作为主要的请求方式,知其然也要知其所以然,会用也需要知道它的基本原理,所以写此...

  • websocket初探学习分享

    本文主要是使用的心得,参考的网址是websocket,本例中使用的是Websocket-Node 服务器模式,本地...

  • WebSocket使用初探(Tornado+Nginx)

    使用场景 在web开发中有时候需要实时获取数据,可以采用的方法也很多,比如ajax轮询,长连接等。之前项目中有一个...

网友评论

      本文标题:WebSocket 初探(一)

      本文链接:https://www.haomeiwen.com/subject/pwuqkxtx.html