WebSocket 原理

作者: jonychen1 | 来源:发表于2018-07-26 10:37 被阅读0次

今天来讲一下WebSocket的原理,能让你更深入的去了解WebSocket,深知其原理,才能更好的去使用它。

  WebSocket是HTML5出的协议,也就是说HTTP协议没有变化,或者说没关系,但HTTP是不支持持久连接的(长连接,循环连接的不算)。

首先HTTP有 1.1 和 1.0 之说,也就是所谓的 keep-alive ,把多个HTTP请求合并为一个,但是 Websocket 其实是一个新协议,跟HTTP协议基本没有关系,只是为了兼容现有浏览器的握手规范而已,也就是说它是HTTP协议上的一种补充。有交集,但是并不是全部。

  另外Html5是指的一系列新的API,或者说新规范,新技术。Http协议本身只有1.0和1.1,而且跟Html本身没有直接关系。通俗来说,你可以用HTTP协议传输非Html数据,就是这样。再简单来说,层级不一样。

   WebSocket的协议是持久化的,而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协议的握手请求中,多了几个东西。我会顺便讲解下作用。

   Upgrade:websocket

    Connection: Upgrade

  这个就是Websocket的核心了,告诉 Apache 、 Nginx 等服务器:注意啦,我发起的是Websocket协议,快点帮我找到对应的助理处理。

   Sec-WebSocket-Key:x3JJHMbDL1EzLkh9GBhXDw==

   Sec-WebSocket-Protocol:chat, superchat

   Sec-WebSocket-Version:13

  首先, Sec-WebSocket-Key 是一个 Base64

encode 的值,这个是浏览器随机生成的,告诉服务器:验证是不是真的是Websocke     t助理。

  然后, Sec_WebSocket-Protocol 是一个用户定义的字符串,用来区分同URL下,不同的服务所需要的协议。

  最后, Sec-WebSocket-Version 是告诉服务器所使用的 Websocket

Draft (协议版本)。

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

  HTTP/1.1101 Switching Protocols

  Upgrade:websocket

  Connection:Upgrade

  Sec-WebSocket-Accept:HSmrc0sMlYUkAGmm5OPpG2HaGWk=       Sec-WebSocket-Protocol: chat

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

  Upgrade:websocket

  Connection:Upgrade

  依然是固定的,告诉客户端即将升级的是 Websocket 协议,而不是mozillasocket,lurnarsocket或者shitsocket。

然后, Sec-WebSocket-Accept 这个则是经过服务器确认,并且加密过后的 Sec-WebSocket-Key 。 服务器:返回ID CARD来证明。

后面的, Sec-WebSocket-Protocol 则是表示最终使用的协议。

  至此,HTTP已经完成它所有工作了,接下来就是完全按照Websocket协议进行了。具体的协议就不在这阐述了。

  关注GoEasy WebSocket简单开发不迷路。

相关文章

  • websocket + node.js

    websocket的原理和应用 在继续本文之前,让我们了解下websocket的原理: websocket通信协议...

  • WebSocked 基本用法

    WebSocket 原理 创建 WebSocket 对象。 Socket.readyState属性 WebSock...

  • WebSocket与Socket

    点击查看原文,走你)))))))))))))))))))) WebSocket介绍与原理 WebSocket pr...

  • 从零开始学SpringBoot之SpringBoot WebSo

    前言: 这节我们介绍下WebSocket的原理。 一、websocket与http WebSocket是HTML5...

  • websocket及server环境配置

    看完让你彻底搞懂Websocket原理 WebSocket 教程 WebSocket 是 HTML5 开始提供的一...

  • WebSocket 原理

    今天来讲一下WebSocket的原理,能让你更深入的去了解WebSocket,深知其原理,才能更好的去使用它。 ...

  • WebSocket SSL 加密浅析

    1 WebSocket 原理 1.1 背景 WebSocket 是基于Http 协议的改进,Http 为无状态协议...

  • WebSocket协议

    参考 WebSocket协议分析及实现 WebSocket 是什么原理?为什么可以实现持久连接? RFC6455 ...

  • Websocket原理

    一、websocket与http WebSocket是HTML5出的东西(协议),也就是说HTTP协议没有变化,或...

  • Websocket原理

    一、websocket与http WebSocket是HTML5出的东西(协议),也就是说HTTP协议没有变化,或...

网友评论

    本文标题:WebSocket 原理

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