WebSoket 的广泛应用
目前大多数网站都在使用的传统 HTTP 协议,即由 Web 服务器通过 HTTP 接收并响应来自客户端的消息,整个发起请求与响应的过程类似我们点外卖,由以下 2 部分构成:
下订单(发起请求):用户(客户端)下了一个订单(HTTP 请求)给餐厅(服务器)。
接到订单后对订单进行处理(返回对应状态码):餐厅能够做这个菜(拥有对应资源),就开始准备(服务器获取资源),并返回已接单的信息(HTTP 状态码 200 等)。如果餐厅无法制作(没有对应资源),则直接拒绝返回给用户下单失败的讯息(HTTP 状态码404 等)
在这整个过程中,餐厅都不会看到用户是谁,只需要接到订单就可以进行判断并返回信息。也就是说服务器仅需要判断 HTTP 请求,并作出响应(HTTP 相关状态码:200/403/404 等)。

上述流程中,服务器存储内容,但是这些内容更新获取必须由客户端再次请求,服务器无法将更新主动发送给指定用户,显得十分笨拙。为了改进这一项, Long Poll 以及 Ajax 轮询应运而生。可是这两种方式的成本极大,而且必须要客户端保持联系,一旦断开就需要重新发起请求。所以在这两种方式的前提下,WebSocket 诞生了。
什么是 WebSoket?
为了能够满足随时获取数据的需求,,WebSocket 协议诞生,并在 2011 年成为国际标准。 作为 HTML 5 规范的组成部分之一,WebSocket 是一种全新的协议。它将 TCP 的 Socket(套接字)应用在了 Web page 上,从而使通信双方建立起一个保持在活动状态连接通道,并且属于全双工(双方同时进行双向通信)。借助 WebSocket 我们可以在开放网络上进行多人游戏,实时聊天,多人协作等,目前大多数浏览器都支持该协议,包括 Google Chrome,Firefox,Safari,Opera,Microsoft Edge和Internet Explorer。
WebSocket 的优势
WebSocket 最大的特点就是,客户端可以主动发送消息到服务端,服务端也可以主动向客户端发送消息,实现双向通讯。

上图可以看出,相比较轮询,WebSocket 在第一次 HTTP 握手之后,就改走 WebSocket 了,对于 HTTP 的长连接(非持久连接),WebSocket 的持久连接更具实效性。
WebSocket 其优势主要包括以下几个方面:
实时性,客户端和服务端可以随时互相推送消息,延迟更小,短时间内可以更多的推送消息。
兼容性,与 HTTP 有着很好的兼容性,握手时采用HTTP协议,默认也是端口80,443 ,可以很大部分绕过防火墙的限制。
保持连接状态,创建连接后,保持其状态,之后的通信可以省略其信息。
协议标识符为 ws,如果加密为 wss
WebSocket 连接过程示例
客户端
GET /chat HTTP/1.1
Host: 127.0.0.1:4000
Upgrade: websocket
Connection: Upgrade
Sec-WebSocket-Key: aFeKKHNhbFYZSBub14oUK==
Origin: http://localhost:4000
Sec-WebSocket-Protocol: chat, superchat
Sec-WebSocket-Version: 13
服务端响应
HTTP/1.1 101 Switching Protocols
Upgrade: websocket
Connection: Upgrade
Sec-WebSocket-Accept: s3pPLMBiTxaQ9kYGzzhZRbK+xOo=
Sec-WebSocket-Protocol: chat
重要字段说明:
Connection:Upgrade,表示客户端协议升级。
Upgrade:WebSocket,升级到 WebSocket 协议。
Sec-WebSocket-Key:随机字符串,对应服务端响应的 Sec-WebSocket-Accept 字段,将Sec-WebSocket-Key:指定方式计算后作为服务端响应 Sec-WebSocket-Accept 的值。通过这样,避免 HTTP 协议误以为 WebSocket 协议。
Sec-WebSocket-Version:表示支持的 WebSocket 版本。
WebSocket 用途和场景
社交,聊天等
聊天应用特点就是低延迟,高及时,采用的 WebSocket 协议,用户将消息发送到服务器,服务器直接将消息发送给收件人。另外,服务器还可以在通道中存储多个连接,用户能实现一次性向多人发送消息,或者查看房间内多个人的信息,实现了实时沟通交流。
多人游戏

多人游戏比较常见的模式就是,服务器用来存储状态,玩家将改变动作的状态发送到服务器,然后更新游戏状态给所有玩家,使用 HTTP 的话,每个玩家需要定期向服务器请求状态。使用 WebSocket 后,玩家的每个动作将实时的推送给所有玩家。
多人协作
需要多人在共享文档上一起工作吗?可以使用 WebSocket 实现多人共同协作,每个人的动作更新时,都会推送给所有参与者。
地图等定位相关
每当用户的 GPS 坐标更改时,更新服务器后,就会根据用户的最新坐标推送新的数据。
股票、基金报价展示
金融界数据瞬息万变,几乎是每毫秒都在变化。如果采用传统的网络架构则无法满足实时性,使用 WebSocket 可以流式更新这些数据变化而不需要等待。

目前又拍云已经全面支持 WebSocket,为采用 ws/wss 协议进行通信的客户提供优质的加速服务,能有效降低延迟,提高传输效率。产品特性及优势包括:
智能路由: 实时探测互联网线路,链路耗时跟踪分析,智能选择最优路径。
协议优化: 通过增大 TCP 窗口初始大小,调节慢启动阀值等等,解决传统协议存在的缺陷,提高传输效率。
支持WSS: 用户可自主申请、绑定 SSL 证书,一键开启 WSS 加速。同时又拍云提供多种品牌的免费、付费证书申购,为用户提供一站式 WSS 安全加速解决方案。
数据统计: 支持实时带宽、流量查询,全平台自助化查询,日志分析及下载支持,时刻掌控业务全局。
WebSocket 依赖 HTTP 协议而存在,但是同时 HTTP 和 WebSocket 都是基于 TCP 协议的不同协议,两者没有冲突。
推荐阅读
WebSoket 的广泛应用的更多相关文章
- springboot中websoket的使用
知识点:springboot项目中,websoket实时推送技术的介绍与使用 一.双向通信 http协议通信只能由客户端发起请求,服务端返回查询结果,如果我们想定时获取服务端的状态变化,相对 ...
- tornado之websoket
继承WebSoketHandler def open(self): # 当一个WebSoket连接建立之后被调用 def on_message(self, message): # 当客户端发送一个消息 ...
- Electron + Websoket 通讯
Electron + WebSocket + node.js 通信 描述 本文主要介绍了结合 Electron 和 node.js 进行 Websocket 通讯的一个简单例子. 项目结构 main. ...
- swoole中websoket创建在线聊天室(php)
swoole中websoket创建在线聊天室(php) swoole现仅支持Linix,macos 创建websocket服务器 首先现在服务器创建一个websocket服务器 <?php // ...
- [置顶] WEBSOKET服务器搭建
简单介绍一下tomcat的webSocketAPI使用: 在这里啰嗦几句:[ 很多朋友听说webSocket不知道是什么.知道是什么不知道怎么用,知道怎么用不知道具体实现.其实我当初也是这样. 实际上 ...
- websoket使用Protocol Buffers3.0传输
Protocol Buffers是Google推出的一个数据交换格式,相对于xml它的体积更小,更快,因为它是二进制传输的.3.0相对于2.0变动比较大.这些变动可以去看官方说明. 在前端使用Prot ...
- 《图解Http》8: 用户身份认证Cookie管理session; 9:HTTP的追加协议(websoket, webDAV)
基本认证,(安全等级低,多数网站不使用) Digest认证:(也不怎么用) SSL客户端认证:(凭借客户端证书认证,如网银登陆) 表单认证:用户名/密码.(常用) SSL客户端认证采用two-fact ...
- websoket
http://blog.csdn.net/xueling022/article/details/52902358
- 什么是websoket
概念 HTML5作为下一代WEB标准,拥有许多引人注目的新特性,如Canvas.本地存储.多媒体编程接口.WebSocket 等等.今天我们就来看看具有“Web TCP”之称的WebSocket. W ...
- vue中websoket的使用
首先安装npm install --save websocket-heartbeat-js@^1.0.7 在main.js中 引入并挂载全局方法 import WebsocketHeartbeat ...
随机推荐
- MIGO配置过账后自动打印
1.业务需求 本文档介绍,当MIGO发货过账时,自动打印自开发表格. 2.打印程序 复制标准配置中调用的程序和子例程,到新的程序(路径可参考下文系统配置) 只用复制子例程entry_wa01即可,参考 ...
- 性能测试Mysql之profiling参数
一.查看profiling状态 mysql> select @@profiling; 0:表示为关闭 1:表示开启 二.开启 profiling mysql> SET profiling= ...
- HTML中的常用的特殊字符以及所有特殊字符
## HTML常用特殊字符以下是HTML中常用的特殊符号及其编码: | 特殊符号 | 编码 | 描述 || --- | --- | --- || `<` | `<` | 小于号 | ...
- C++ Qt开发:字符串QString容器
在Qt框架中,QString 是一个强大而灵活的字符串容器,专为处理 Unicode 字符而设计.它提供了许多方便的方法来操作和处理字符串,使得在跨平台开发中能够轻松地进行文本操作.QString 是 ...
- web概念概述
JavaWeb: *使用Java语言开发基于互联网的项目 软件架构 1.C/S:Client/Server 客户端/服务器端 *在用户本地有一个客户端程序,在远端有一个服务端程序 ...
- Spring系列:基于Spring-AOP和Spring-Aspects实现AOP切面编程
目录 一.概念及相关术语 概念 相关术语 ①横切关注点 ②通知(增强) ③切面 ④目标 ⑤代理 ⑥连接点 ⑦切入点 作用 二.基于注解的AOP 技术说明 准备工作 创建切面类并配置 各种通知 切入点表 ...
- vulntarget-a-wp
vulntarget-a 信息收集 存活扫描,目标开放了445还是win7,考虑一手永恒之蓝 arp-scan -l nmap -A -sT -sV 192.168.130.4 永恒之蓝 用nmap的 ...
- wangEditor出现初始化编辑器时候未传入任何参数,请查阅文档
wangEditor出现初始化编辑器时候未传入任何参数,请查阅文档 出现的原因可能是你未在初始视图.元素未创建.created.模态框.弹窗.抽屉中使用,你应该在div元素创建了再执行初始渲染, 解决 ...
- CF1340F Nastya and CBS 题解
题目大意 给定一个长度为 \(n(n \le 10 ^ 5)\) 的括号序列.要求支持两个操作: 修改某个位置的括号. 询问 \([l, r]\) 区间内的括号序列是否合法. 题目分析 显然,这道题是 ...
- CSS3学习笔记-字体属性
在CSS3中,可以使用字体属性来控制网页中文本的样式和排版.以下是常用的字体属性: font-family 该属性用于指定网页中的文本所使用的字体.我们可以通过使用通用的字体名称,或者直接使用字体名称 ...