WebSocket 知识

最新推荐文章于 2025-06-08 11:01:35 发布
最新推荐文章于 2025-06-08 11:01:35 发布
阅读量418 收藏
点赞数
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/black__zzc/article/details/51910922
WebSocket协议作为HTML5的一部分，实现了浏览器与服务器之间的全双工通信。它通过简单的握手过程建立连接，并允许服务器主动推送数据到客户端。WebSocket的优势在于其高效的数据交换方式和服务器推送功能。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

WebSocket protocol 是HTML5一种新的协议。它实现了浏览器与服务器全双工通信(full-duplex)。一开始的握手需要借助HTTP请求完成。

优    点：服务器可以主动传送数据给客户端

功    能：实现了浏览器与服务器全双工通信

在 WebSocket API，浏览器和服务器只需要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。在此WebSocket 协议中，为我们实现即时服务带来了两大好处：
1. Header
互相沟通的Header是很小的-大概只有 2 Bytes
2. Server Push
服务器的推送，服务器不再被动的接收到浏览器的request之后才返回数据，而是在有新数据时就主动推送给浏览器。

在实现websocket连线过程中，需要通过浏览器发出websocket连线请求，然后服务器发出回应，这个过程通常称为“握手” (handshaking)。
PS1：握手协议在后期的版本中，会标明版本编号，下面的例子属于早期的协定之一，对于新版的 chrome 和 Firefox 皆不适用。
PS2：后期的版本大多属于功能上的扩充，例如使用第7版的握手协议同样也适用于第8版的握手协议。

例子：
浏览器请求
GET /webfin/websocket/ HTTP/1.1
　　Host: localhost
　　Upgrade: websocket
　Connection: Upgrade
　　Sec-WebSocket-Key: xqBt3ImNzJbYqRINxEFlkg==
　　Origin: http://服务器地址
　　Sec-WebSocket-Version: 13
服务器回应
HTTP/1.1 101 Switching Protocols
　　Upgrade: websocket
　　Connection: Upgrade
　　Sec-WebSocket-Accept: K7DJLdLooIwIG/MOpvWFB3y3FE8=




black__zzc
关注
WebSocket知识
百锦再的博客
01-19 1万+
webSocket是一种长链接的实现方式。长连接（Long Connection）是一种在客户端和服务器之间建立持久连接，并保持连接状态的通信方式。长连接允许服务器主动向客户端推送数据，而不需要客户端发送请求。
WebSocket知识体系
顶尖前端大佬的博客
02-04 916
WebSocket, JavaScript高级程序设计（第四版）
一个利用Power Socket Library制作的Powerbuilder WWW 服务器
02-23
一个利用Power Socket Library制作的Powerbuilder WWW 服务器，内含wwwsvr.pbl、winsock.pbl、pslib21.dll，可以用来开发网络程序。
pb调用webservice（pb客户端+java服务端).zip
11-05
PB调用webservice 是常见的一种必备技术，但是好多工具都可以去写webservice ，该webservice为 jdk1.8 ,eclipse 写的。
PowerBuilder打造员工考勤管理系统教程
最新发布
weixin_28922227的博客
06-08 1003
考勤数据的字段设计需要涵盖以下几类关键信息：员工信息字段：包括员工ID、姓名、部门等基础信息。打卡时间字段：记录员工打卡的具体时间，包括上班打卡时间和下班打卡时间。考勤状态字段：显示打卡状态，如正常、迟到、早退、缺勤等。地点字段：记录打卡地点，如果使用打卡机或其他地理定位设备则更为重要。异常信息字段：记录异常情况的详细信息，如事假、病假、出差、加班等。备注字段：提供员工或管理员备注信息，用于记录特殊情况或其他说明。
powerbuilder开发的socket通讯
06-27
powerbuilder 开发Socket通讯框架，封装了Client和Server端类库。
超强超完善的pb-SOCK网络源码(附pb-Socket通讯的例子)
07-31
超强超完善的pb-SOCK网络源码(附pb-Socket通讯的例子) 绝对好用 pb9下局域网 互联网下测试通过
powerbuilder 使用 socket编程.docx
05-15
服务端的问题。服务端的SOCKET接收到客户端的连接请求后，和客户端建立连接，等到客户端断开了连接，而服务端的SOCKET没有释放该连接，所以就无法接收客户端的再次连接请求。比较好的做法是，在服务端定义两个SOCKET，一个绑定地址和端口，然后开始监听，一旦有客户端请求连接，接收连接请求后，使用另一个SOCKET和客户端建立连接。这样下次客户端请求连接时，第一个SOCKET还可以接收到连接请求。 
WebSocket知识概括
weixin_41005188的博客
10-18 1167
WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。
WebSocket 核心知识点及入门教程，nodejs使用websocket代码示例
横竖撇折点
02-13 1070
WebSocket 是一种网络协议，旨在提供 Web 应用程序中的实时双向通信功能。与传统的 HTTP 请求-响应模型不同，WebSocket 允许服务器主动向客户端发送消息，而无需客户端发起请求。
基础知识 - WebSocket
06-08
WebSocket是Web应用中实现双向通信的关键技术，它允许服务器与客户端之间进行实时、低延迟的数据交换，极大地提升了网络应用的交互性。WebSocket协议是HTML5的一部分，为建立长连接提供了标准化的方法，使得实时数据...
PB Winsocket完整实例
09-17
PB Winsocket最新完整实例。在PB10下调试通过。
一个利用Power Socket Library制作的PowerbuilderWWW
07-16
一个利用Power Socket Library制作的Powerbuilder WWW 服务器，内含wwwsvr.pbl、winsock.pbl、pslib21.dll，可以用来开发网络程序。
PowerWebSocketClient.dll
03-08
PB开发WebSocket客户端dll，导入PB项目即可使用
pb下利用socket进行网络传输
08-24
pb下利用socket进行网络传输,并附api函数和用法
PB socket 实例
08-23
PB编写的socket通讯实例，包括服务器端和客户端，非常详细！
Powerbuilder调用Webservice的两种方法
11-28 9949
文档转自：http://baijiahao.baidu.com/s?id=1570870755451373&wfr=spider&for=pc 提起Powerbuiler这个工具来，现在还能知道的人还真不多。先简单解释一下吧，以下是从百度百科上复制下来的一段文字 PowerBuilder美国Sybase公司研制的一种新型、快速开发工具，是客户机/服务器结构下，基于Windows3.x、Wind
PB开发WebSocket服务端方案PowerServer
JasonFriday的博客
03-05 2093
文章目录PowerServer服务端快速开始服务端的实现服务启动测试项目与文档下载 PowerServer服务端 PowerServer提供了以PowerBuilder语言开发HTTP服务端和WebSocket服务端的方案。使用PowerServer开发HTTP服务端可以参考文章：PB开发HTTP服务端方案PowerServer 本文演示使用PowerServer开发WebSocket服务端。 快速开始 服务端的实现 1.新增测试类psw_demo01，继承powerserverwebsocket： 2.
PB开发WebSocket客户端方案
JasonFriday的博客
03-08 2509
文章目录测试服务端WebSocket客户端的使用资源下载 测试服务端 先使用PowerServer开发一个WebSocket服务端用于测试，代码如下： 新增类psw_demo03继承PowerServerWebSocket，重写ws_open方法 req.send_ws_string('连接已开启') 重写ws_message方法 req.send_ws_string('收到消息：' + data) 编译项目，启动PowerServer，首先使用WebSocket在线工具测试： PowerServer
WebSocket知识点详解
03-30
<think>好的，我现在需要帮助用户了解WebSocket的相关知识点和详细信息。首先，我需要回顾用户提供的引用内容，确定哪些信息是相关的，并确保正确引用。 用户提供了三个引用，分别是关于WebSocket的兼容性和替代方案、方法和属性，以及API。我应该将这些内容整合到回答中，并在适当的位置添加引用标识。同时，根据用户的系统级指令，需要生成相关问题，并确保使用正确的中文回答和LaTeX格式。 首先，我需要整理WebSocket的基本概念，包括它的定义、特点以及与HTTP的区别。这部分需要简明扼要，适合用户快速理解。然后，根据引用2和3，详细说明WebSocket的原型方法和属性，比如WebSocket构造函数、事件和方法。每个部分需要结合引用，例如在提到方法和属性时引用[^2]，提到API时引用[^3]。 接下来，需要讨论WebSocket的兼容性和替代方案，这里引用[^1]的内容。兼容性部分可以列出支持的浏览器版本，替代方案如轮询、长轮询和SSE。同时，要提到使用场景，比如实时通信应用，这也是用户可能关心的应用实例。 在安全性和优化部分，需要加入SSL/TLS加密和心跳机制，这些都是实际使用中需要注意的点。这部分可能需要结合通用知识，但如果没有直接引用来源，可能需要避免添加引用标识，但用户提供的引用中没有相关部分，所以需要确认是否有遗漏。 然后，生成相关问题。问题应该覆盖基本概念、协议细节、安全优化、兼容性替代方案和应用场景，确保覆盖用户可能感兴趣的各个方面。例如，如何建立连接，握手过程，与HTTP的区别，优化方法，适用场景等。 最后，检查LaTeX格式是否正确，所有行内数学表达式使用$...$，独立公式使用$$...$$。不过，在WebSocket的内容中可能较少涉及数学公式，但如果有相关技术参数如状态码，可能需要使用行内代码块而非LaTeX。需要确保没有违反格式规则。 另外，回答结构要清晰，分点说明，帮助用户逐步理解。每个主要部分使用标题，子项使用列表，代码示例用代码块。同时，用户要求尽量保证回答真实可靠，因此需要确保引用的信息准确，并且引用标识正确对应。 现在，开始组织内容： 1. 概述WebSocket，定义和特点，与HTTP对比。 2. 关键知识点：握手过程、协议方法属性（引用2和3）、数据帧。 3. 兼容性和替代方案（引用1）。 4. 安全性和优化。 5. 应用场景。 6. 示例代码。 7. 相关问题。 在代码示例部分，需要提供一个简单的WebSocket连接代码，如JavaScript示例，因为这是最常见的应用场景。确保代码正确，并注释说明各部分功能。 检查每个引用是否恰当，例如在提到方法和属性时引用[^3]，兼容性部分引用[^1]。 最后，生成相关问题，确保覆盖各个方面，问题数量在3-5个之间，符合示例中的结构。 可能还需要注意，用户提供的引用中有提到HTML5提出WebSocket，因此在概述部分需要提及这一点，并引用。 现在，将这些思路整合成一个结构化的回答，确保符合所有用户的要求。</think>### WebSocket 知识点详解 #### 1. **概述** WebSocket 是 HTML5 提出的一种**全双工通信协议**，允许客户端和服务端建立持久连接，实现双向实时数据传输[^2]。与 HTTP 的“请求-响应”模式不同，WebSocket 连接一旦建立，双方可随时主动发送数据，避免了频繁的轮询开销。 **与 HTTP 的主要区别**： - **连接方式**：HTTP 短连接，WebSocket 长连接。 - **通信模式**：HTTP 单向（客户端发起），WebSocket 双向。 - **协议头**：WebSocket 使用 `ws://` 或 `wss://`（加密），HTTP 使用 `http://` 或 `https://`。 --- #### 2. **关键知识点** ##### **握手过程** WebSocket 通过 HTTP 协议升级实现连接。客户端发送升级请求头： ```http GET /chat HTTP/1.1 Upgrade: websocket Connection: Upgrade Sec-WebSocket-Key: dGhlIHNhbXBsZSBub25jZQ== ``` 服务端响应状态码 `101 Switching Protocols` 完成握手。 ##### **WebSocket 对象方法与属性** - **构造函数**：`new WebSocket(url)` - **事件**： - `onopen`：连接建立时触发。 - `onmessage`：接收到消息时触发。 - `onerror`：发生错误时触发。 - `onclose`：连接关闭时触发。 - **方法**： - `send(data)`：发送数据（支持字符串、`ArrayBuffer` 等格式）。 - `close(code, reason)`：关闭连接。 ##### **数据帧格式** WebSocket 数据帧包含以下关键字段： - **FIN**：标识是否为消息的最后一帧。 - **Opcode**：数据类型（如 `0x1` 表示文本，`0x2` 表示二进制）。 - **Payload length**：数据长度。 - **Masking-key**（仅客户端发送）：掩码密钥。 --- #### 3. **兼容性与替代方案** - **兼容性**：支持主流浏览器（Chrome ≥ 4、Firefox ≥ 11、Safari ≥ 5）。 - **替代方案**： - **短轮询（Polling）**：定时发送 HTTP 请求。 - **长轮询（Long Polling）**：服务端延迟响应直至有数据。 - **SSE（Server-Sent Events）**：服务端单向推送（仅文本）。 --- #### 4. **安全性与优化** - **加密**：使用 `wss://` 协议通过 SSL/TLS 加密传输。 - **心跳机制**：定时发送 Ping/Pong 帧检测连接状态。 - **数据压缩**：通过 `Sec-WebSocket-Extensions` 头协商压缩算法。 --- #### 5. **应用场景** - 实时聊天、在线协作工具。 - 股票行情、游戏状态同步。 - 物联网设备监控。 --- #### 6. **示例代码（JavaScript）** ```javascript // 客户端代码 const socket = new WebSocket('wss://example.com/chat'); socket.onopen = () => { socket.send('Hello Server!'); }; socket.onmessage = (event) => { console.log('Received:', event.data); }; socket.onclose = () => { console.log('Connection closed'); }; ``` --- ###
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值