专业做汽车的网站,教育推广,郴州网络,创世网站建设作者#xff1a;Ovear链接#xff1a;https://www.zhihu.com/question/20215561/answer/40316953来源#xff1a;知乎著作权归作者所有。商业转载请联系作者获得授权#xff0c;非商业转载请注明出处。额。。最高票答案没答到点子上#xff0c;最后怎么跑到Nodejs上去了。…作者Ovear链接https://www.zhihu.com/question/20215561/answer/40316953来源知乎著作权归作者所有。商业转载请联系作者获得授权非商业转载请注明出处。 额。。最高票答案没答到点子上最后怎么跑到Nodejs上去了。。Websocket只是协议而已。。我一个个来回答吧 一、WebSocket是HTML5出的东西协议也就是说HTTP协议没有变化或者说没关系但HTTP是不支持持久连接的长连接循环连接的不算首先HTTP有1.1和1.0之说也就是所谓的keep-alive把多个HTTP请求合并为一个但是Websocket其实是一个新协议跟HTTP协议基本没有关系只是为了兼容现有浏览器的握手规范而已也就是说它是HTTP协议上的一种补充可以通过这样一张图理解amp;amp;lt;img srchttps://pic1.zhimg.com/6651f2f811ec133b0e6d7e6d0e194b4c_b.jpg data-rawwidth374 data-rawheight133 classcontent_image width374amp;amp;gt;有交集但是并不是全部。有交集但是并不是全部。另外Html5是指的一系列新的API或者说新规范新技术。Http协议本身只有1.0和1.1而且跟Html本身没有直接关系。。通俗来说你可以用HTTP协议传输非Html数据就是这样。再简单来说层级不一样。 二、Websocket是什么样的协议具体有什么优点首先Websocket是一个持久化的协议相对于HTTP这种非持久的协议来说。简单的举个例子吧用目前应用比较广泛的PHP生命周期来解释。1) 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的协议来完成一部分握手。在握手阶段是一样的-------以下涉及专业技术内容不想看的可以跳过lol:或者只看加黑内容--------首先我们来看个典型的Websocket握手借用Wikipedia的。。 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依然是固定的告诉客户端即将升级的是Websocket协议而不是mozillasocketlurnarsocket或者shitsocket。然后Sec-WebSocket-Accept 这个则是经过服务器确认并且加密过后的 Sec-WebSocket-Key。服务器好啦好啦知道啦给你看我的ID CARD来证明行了吧。。后面的Sec-WebSocket-Protocol 则是表示最终使用的协议。 至此HTTP已经完成它所有工作了接下来就是完全按照Websocket协议进行了。具体的协议就不在这阐述了。------------------技术解析部分完毕------------------ amp;amp;lt;img srchttps://pic2.zhimg.com/afe119b52e096016139edabc2dfa9661_b.jpg data-rawwidth161 data-rawheight187 classcontent_image width161amp;amp;gt;你TMD又BBB了这么久那到底Websocket有什么鬼用http long poll或者ajax轮询不都可以实现实时信息传递么。你TMD又BBB了这么久那到底Websocket有什么鬼用http long poll或者ajax轮询不都可以实现实时信息传递么。amp;amp;lt;img srchttps://pic1.zhimg.com/20110e661edb1e93755a99c1d826e264_b.jpg data-rawwidth176 data-rawheight193 classcontent_image width176amp;amp;gt;好好好年轻人那我们来讲一讲Websocket有什么用。来给你吃点胡苏萝丹卜红amp;amp;lt;img srchttps://pic4.zhimg.com/31ddf0cfbeecef21568d85ca60b5f1ff_b.jpg data-rawwidth53 data-rawheight65 classcontent_image width53amp;amp;gt;三、Websocket的作用在讲Websocket之前我就顺带着讲下 long poll 和 ajax轮询 的原理。首先是 ajax轮询 ajax轮询 的原理非常简单让浏览器隔个几秒就发送一次请求询问服务器是否有新信息。场景再现客户端啦啦啦有没有新信息(Request)服务端没有Response客户端啦啦啦有没有新信息(Request)服务端没有。。Response客户端啦啦啦有没有新信息(Request)服务端你好烦啊没有啊。。Response客户端啦啦啦有没有新消息Request服务端好啦好啦有啦给你。Response客户端啦啦啦有没有新消息Request服务端。。。。。没。。。。没。。。没有Response ---- loop long poll long poll 其实原理跟 ajax轮询 差不多都是采用轮询的方式不过采取的是阻塞模型一直打电话没收到就不挂电话也就是说客户端发起连接后如果没消息就一直不返回Response给客户端。直到有消息才返回返回完之后客户端再次建立连接周而复始。场景再现客户端啦啦啦有没有新信息没有的话就等有了才返回给我吧Request服务端额。。 等待到有消息的时候。。来 给你Response客户端啦啦啦有没有新信息没有的话就等有了才返回给我吧Request -loop 从上面可以看出其实这两种方式都是在不断地建立HTTP连接然后等待服务端处理可以体现HTTP协议的另外一个特点被动性。何为被动性呢其实就是服务端不能主动联系客户端只能有客户端发起。简单地说就是服务器是一个很懒的冰箱这是个梗不会、不能主动发起连接但是上司有命令如果有客户来不管多么累都要好好接待。 说完这个我们再来说一说上面的缺陷原谅我废话这么多吧OAQ从上面很容易看出来不管怎么样上面这两种都是非常消耗资源的。ajax轮询 需要服务器有很快的处理速度和资源。速度long poll 需要有很高的并发也就是说同时接待客户的能力。场地大小所以ajax轮询 和long poll 都有可能发生这种情况。 客户端啦啦啦啦有新信息么服务端月线正忙请稍后再试503 Server Unavailable客户端。。。。好吧啦啦啦有新信息么服务端月线正忙请稍后再试503 Server Unavailable客户端amp;amp;lt;img srchttps://pic1.zhimg.com/7c0cf075c7ee4cc6cf52f4572a4c1c10_b.jpg data-rawwidth143 data-rawheight50 classcontent_image width143amp;amp;gt;然后服务端在一旁忙的要死冰箱我要更多的冰箱更多。。更多。。我错了。。这又是梗。。 --------------------------言归正传我们来说Websocket吧通过上面这个例子我们可以看出这两种方式都不是最好的方式需要很多资源。一种需要更快的速度一种需要更多的电话。这两种都会导致电话的需求越来越高。哦对了忘记说了HTTP还是一个无状态协议。感谢评论区的各位指出OAQ通俗的说就是服务器因为每天要接待太多客户了是个健忘鬼你一挂电话他就把你的东西全忘光了把你的东西全丢掉了。你第二次还得再告诉服务器一遍。 所以在这种情况下出现了Websocket出现了。他解决了HTTP的这几个难题。首先被动性当服务器完成协议升级后HTTP-Websocket服务端就可以主动推送信息给客户端啦。所以上面的情景可以做如下修改。客户端啦啦啦我要建立Websocket协议需要的服务chatWebsocket协议版本17HTTP Request服务端ok确认已升级为Websocket协议HTTP Protocols Switched客户端麻烦你有信息的时候推送给我噢。。服务端ok有的时候会告诉你的。服务端balabalabalabala服务端balabalabalabala服务端哈哈哈哈哈啊哈哈哈哈服务端笑死我了哈哈哈哈哈哈哈 就变成了这样只需要经过一次HTTP请求就可以做到源源不断的信息传送了。在程序设计中这种设计叫做回调即你有信息了再来通知我而不是我傻乎乎的每次跑来问你这样的协议解决了上面同步有延迟而且还非常消耗资源的这种情况。那么为什么他会解决服务器上消耗资源的问题呢其实我们所用的程序是要经过两层代理的即HTTP协议在Nginx等服务器的解析下然后再传送给相应的HandlerPHP等来处理。简单地说我们有一个非常快速的接线员Nginx他负责把问题转交给相应的客服Handler。本身接线员基本上速度是足够的但是每次都卡在客服Handler了老有客服处理速度太慢。导致客服不够。Websocket就解决了这样一个难题建立后可以直接跟接线员建立持久连接有信息的时候客服想办法通知接线员然后接线员在统一转交给客户。这样就可以解决客服处理速度过慢的问题了。 同时在传统的方式上要不断的建立关闭HTTP协议由于HTTP是非状态性的每次都要重新传输identity info鉴别信息来告诉服务端你是谁。虽然接线员很快速但是每次都要听这么一堆效率也会有所下降的同时还得不断把这些信息转交给客服不但浪费客服的处理时间而且还会在网路传输中消耗过多的流量/时间。但是Websocket只需要一次HTTP握手所以说整个通讯过程是建立在一次连接/状态中也就避免了HTTP的非状态性服务端会一直知道你的信息直到你关闭请求这样就解决了接线员要反复解析HTTP协议还要查看identity info的信息。同时由客户主动询问转换为服务器推送有信息的时候就发送当然客户端还是等主动发送信息过来的。。没有信息的时候就交给接线员Nginx不需要占用本身速度就慢的客服Handler了--------------------至于怎么在不支持Websocket的客户端上使用Websocket。。答案是不能但是可以通过上面说的 long poll 和 ajax 轮询来 模拟出类似的效果-----_(:з」∠)_两天写了两篇科普类文章。。好累OAQ求赞。。对啦如果有错误欢迎大家在底下留言指出噢~ https://www.zhihu.com/question/20215561转载于:https://www.cnblogs.com/changningios/p/6512918.html
