当前位置：首页 > news >正文

WebSocket介绍和入门案例

news 2025/12/25 8:55:02

一、WebSocket 详解

1. 定义与特点：

WebSocket 是一种在单个 TCP 连接上进行全双工通信的协议。它允许客户端和服务器之间进行实时、双向的数据传输，克服了传统 HTTP 协议只能由客户端发起请求、服务器响应的单向通信模式的局限性。
特点包括低延迟、实时性强、减少不必要的网络流量和服务器资源消耗等。
HTTP协议和WebSocket协议对比：

HTTP是短连接
WebSocket是长连接
HTTP通信是单向的，基于请求响应模式（浏览器发送请求给服务器）
WebSocket支持双向通信
HTTP和WebSocket底层都是TCP连接

2. 工作原理：

建立连接：客户端向服务器发起 WebSocket 连接请求，该请求通过 HTTP 协议进行握手。如果服务器支持 WebSocket，它会返回一个特殊的 HTTP 响应，通知客户端可以将连接升级为 WebSocket 连接。
数据传输：一旦连接建立，客户端和服务器可以随时双向发送数据。数据以帧的形式进行传输，可以是文本数据或二进制数据。
连接关闭：任何一方都可以发送关闭连接的请求，关闭连接后双方不能再进行数据传输。

**思考**：既然WebSocket支持双向通信，功能看似比HTTP强大，那么我们是不是可以基于WebSocket开发所有的业务功能？

WebSocket缺点：

服务器长期维护长连接需要一定的成本
各个浏览器支持程度不一
WebSocket 是长连接，受网络限制比较大，需要处理好重连

结论：WebSocket并不能完全取代HTTP，它只适合在特定的场景下使用

3. 应用场景：

实时聊天应用：实现用户之间的即时通信，消息实时推送。
在线游戏：同步游戏状态，实时交互。
金融交易平台：实时显示股票价格、交易数据等。
监控系统：实时反馈系统状态、设备运行数据等。
弹幕的实现

二、入门案例

以下是一个使用 Java 和 Spring Boot 实现的简单 WebSocket 入门案例：

创建一个 Spring Boot 项目，并在项目的依赖管理文件（如 pom.xml）中添加 Spring Boot WebSocket 的依赖：

<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-websocket</artifactId>
</dependency>

配置 WebSocket：

创建一个配置类，用于配置 WebSocket 端点：

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.socket.config.annotation.EnableWebSocket;
import org.springframework.web.socket.config.annotation.WebSocketConfigurer;
import org.springframework.web.socket.config.annotation.WebSocketHandlerRegistry;@Configuration
@EnableWebSocket
public class WebSocketConfig implements WebSocketConfigurer {@Overridepublic void registerWebSocketHandlers(WebSocketHandlerRegistry registry) {registry.addHandler(sampleWebSocketHandler(), "/ws").setAllowedOrigins("*");}@Beanpublic SampleWebSocketHandler sampleWebSocketHandler() {return new SampleWebSocketHandler();}
}

创建 WebSocket 处理类：

import org.springframework.stereotype.Component;
import org.springframework.web.socket.TextMessage;
import org.springframework.web.socket.WebSocketSession;
import org.springframework.web.socket.handler.TextWebSocketHandler;import java.io.IOException;
import java.util.ArrayList;
import java.util.List;@Component
public class SampleWebSocketHandler extends TextWebSocketHandler {private List<WebSocketSession> sessions = new ArrayList<>();@Overridepublic void handleTextMessage(WebSocketSession session, TextMessage message) throws IOException {// 当接收到客户端消息时，可以进行处理并向所有连接的客户端广播String payload = message.getPayload();for (WebSocketSession s : sessions) {s.sendMessage(message);}}@Overridepublic void afterConnectionEstablished(WebSocketSession session) throws Exception {// 当连接建立时，将 session 添加到列表中sessions.add(session);}@Overridepublic void afterConnectionClosed(WebSocketSession session, CloseStatus status) throws Exception {// 当连接关闭时，从列表中移除 sessionsessions.remove(session);}
}

在前端页面中使用 WebSocket：

<!DOCTYPE html>
<html><head><script>var socket = new WebSocket("ws://localhost:8080/ws");socket.onmessage = function (event) {console.log(event.data);};function sendMessage() {var message = document.getElementById("messageInput").value;socket.send(message);}</script>
</head><body><input type="text" id="messageInput"><button onclick="sendMessage()">发送消息</button>
</body></html>

WebSocket介绍和入门案例

目录一、WebSocket 详解1. 定义与特点：2. 工作原理：3. 应用场景： 二、入门案例一、WebSocket 详解 1. 定义与特点： WebSocket 是一种在单个 TCP 连接上进行全双工通信的协议。它允许客户端和服务器之间进行实时、双向的数据传…...

编程日记 2024/10/19 2:22:59

k8s集群版本升级

Kubernetes 集群版本升级是为了获得最新的功能、增强的安全性和性能改进。然而，升级过程需要谨慎进行，特别是在生产环境中。通常，Kubernetes 集群的版本升级应遵循逐步升级的策略，不建议直接跳过多个版本。 Kubernetes 版本升级的…...

编程日记 2024/10/19 2:21:58

XML 和 SimpleXML 简介

XML 和 SimpleXML 简介 XML（可扩展标记语言）是一种用于存储和传输数据的标记语言。它定义了一组规则，用于在文档中编码数据，以便人和机器都能理解。XML 的设计目标是既易于人类阅读，也易于机器解析。SimpleXML 是 PHP…...

编程日记 2024/10/19 2:18:54

MySQL 中 LIKE 语句的 `%` 和 `_` 以及 BLOB 和 TEXT 的详细解析和案例示范

1. LIKE 语句中的 % 和 _ 用法 1.1 % 通配符的用法 % 通配符代表零个或多个字符。它是 MySQL 中用于模糊匹配的强大工具之一，可以在任何字符的位置使用。示例 1：查找以特定字符开头的记录假设我们有一个电商订单系统的 orders 表，其中包…...

编程日记 2024/10/19 2:17:53

git clone卡在Receiving objects 一直卡主 $ git clone gitxxx.git Cloning into xxx... remote: Enumerating objects: 75926, done. remote: Counting objects: 100% (18844/18844), done. remote: Compressing objects: 100% (6566/6566), done. Receiving objects: 60% (…...

编程日记 2024/10/19 2:16:52

vue+ant 弹窗可以拖动

通过自定义指令实现拖拽功能在main.js里加入drag自定义指令我自己测试时发现modal不管如何设置宽度，居中等，他的初始的left都为0，如果不设置好，容易出现点击后刚开始移动弹窗会偏移一段距离。 Vue.directive(drag, {bind(el)…...

编程日记 2024/10/19 2:14:50

（42）MATLAB中使用fftshift绘制以零为中心的功率谱

文章目录前言一、MATLAB代码二、仿真结果画图前言在分析信号的频率分量时，将零频分量平移到频谱中心会很有帮助。本例给出绘制以零为中心的功率谱的方法。一、MATLAB代码代码如下： f 1; % 余弦波的振荡频率&#xf…...

编程日记 2024/10/19 2:12:48

Windows本地部署中文羊驼模型（Chinese-Alpaca-Pro-7B）（通俗易懂版）

最近由于项目原因需要部署大语言模型, 但碍于经济实力, 只能部署在笔记本电脑上部署量化模型, （电脑至少有16G运行内存），搜集了网上的相关部署资料仍然踩了不少坑，原因在于开源项目在不断更新，导致我们看了别人的教程仍…...

编程日记 2024/10/19 2:11:47

Web3的挑战与机遇：技术发展的现状分析

在Web3的世界中，去中心化和用户主权的理念正逐渐走向主流，推动了现有商业模式和技术生态系统的深刻变革。区块链技术及其核心应用之一——智能合约，正在促使这一转变的发生。智能合约的主要功能是通过自动化和预设协议执行，以减少…...

编程日记 2024/10/19 2:07:44

LangGraph - Hierarchical Agent Teams

本文翻译整理自 Hierarchical Agent Teams https://langchain-ai.github.io/langgraph/tutorials/multi_agent/hierarchical_agent_teams/ 文章目录一、前言二、设置三、创建工具四、Helper Utilities五、定义代理 Team研究 Team文档写作Team 六、添加图层一、前言在前面的…...

编程日记 2024/10/19 2:02:38

2021-04-14 proteus中仿真时74HC245三态双向端口扩展输出

缘由proteus中仿真时74HC245输出时电平显示灰色（不确定电平状态）是为什么？-编程语言-CSDN问答缘由C语言翻译单片机开关检测器-编程语言-CSDN问答参考74ls245的工作原理及作用详解 - 电子发烧友网参考74ls245_百度百科...

编程日记 2024/10/19 2:01:37

解决UNSPSC商品分类的层级不足的方法

《联合国标准产品和服务守则》（UNSPSC）是一个分层框架，旨在对产品和服务进行分类。其主要目标是通过提供统一的方法来对产品和服务进行分类，从而简化采购和供应链管理。虽然 UNSPSC 有效地将产品分为各种商品类别，但…...

编程日记 2024/10/19 1:59:30

Pytest基于fixture的参数化及解决乱码问题

我们知道，Pytest是Python技术栈下进行自动化测试的主流测试框架。支持灵活的测试发现、执行策略，强大的Fixture夹具和丰富的插件支持。除了通过pytest的parametrize标签进行参数化外，我们通过fixture的param参数也可以比较方便地实现参数化…...

编程日记 2024/10/19 1:58:29

使用excel.js（layui-excel）进行layui多级表头导出，根据单元格内容设置背景颜色，并将导出函数添加到toolbar

本段是菜狗子的碎碎念，解决办法请直接从第二段开始看。layui多级表头的导出，弄了两天才搞定，中途一度想放弃，还好坚持下来了。一开始用的是layui的toolbar里自带的那个导出，但是多级表头没有正常导出，单元格…...

编程日记 2024/10/19 1:57:23

Mysql 5.7 安装与卸载(非常详细)

一、环境介绍操作系统：CentOS 7 MySQL：5.7 二、MySQL卸载 # 查看软件 rpm -qa|grep mysql # 卸载MySQL yum remove -y mysql mysql-libs mysql-common rm -rf /var/lib/mysql rm /etc/my.cnf 继续查看是否还有 MySQL 软件，有的话继续删…...

编程日记 2024/10/19 1:56:20

030 elasticsearch查询、聚合

文章目录查询聚合查询RestHighLevelClientElasticsearchRestTemplat SpringData对ES客户端的封装：ElasticsearchRestTemplate SpringData对CRUD的封装：ElasticsearchRepository 原生ES客户端：RestHighLevelClient 查询 package com.xd.cube…...

编程日记 2024/10/19 1:55:18

前端工程启动工具

一些思考在公司项目中，需要启一个新的前端工程（一个基于Webpack的React工程）。因为同一个项目中有其他的前端工程，我们最开始想的是参考另外一个工程的配置重启一个新的工程，但是又因为原来的工程用的库版本都比较老…...

编程日记 2024/10/19 1:53:15

游戏逆向基础-跳出游戏线程发包

附加游戏后下断点 bp ws2_32.send send函数断下后，可以看到数据地址每次都一样可以说明这个游戏是线程发包，所以直接在数据窗口中转到这个地址，然后对这个地址下硬件写入断点。下了硬件写入断点后可以一层一层往上面跟，确定写…...

编程日记 2024/10/19 1:50:12

做海外网站需要准备什么

一，购买域名在租用国外服务器之前，您需要购买域名。域名是访问网站的标志，也是网站品牌的一部分。因此，在购买域名时，需要考虑域名的可记忆性、简短性和搜索性，使网站更容易被用户记住。二，租…...

编程日记 2024/10/19 1:49:11

通过OpenCV实现 Lucas-Kanade 算法

目录简介 Lucas-Kanade 光流算法实现步骤 1. 导入所需库 2. 视频捕捉与初始化 3. 设置特征点参数 4. 创建掩模 5. 光流估计循环 6. 释放资源结论简介在计算机视觉领域，光流估计是一种追踪物体运动的技术。它通过比较连续帧之间的像素强度变化来估计图…...

编程日记 2024/10/19 1:47:08

conda相比python好处

Conda 作为 Python 的环境和包管理工具，相比原生 Python 生态（如 pip 虚拟环境）有许多独特优势，尤其在多项目管理、依赖处理和跨平台兼容性等方面表现更优。以下是 Conda 的核心好处： 一、一站式环境管理&#xff1a…...

编程新知 2025/11/29 6:54:19

质量体系的重要

质量体系是为确保产品、服务或过程质量满足规定要求，由相互关联的要素构成的有机整体。其核心内容可归纳为以下五个方面： 🏛️ 一、组织架构与职责质量体系明确组织内各部门、岗位的职责与权限，形成层级清晰的管理网络&#xf…...

编程新知 2025/10/24 9:13:44

镜像里切换为普通用户

如果你登录远程虚拟机默认就是 root 用户，但你不希望用 root 权限运行 ns-3（这是对的，ns3 工具会拒绝 root），你可以按以下方法创建一个非 root 用户账号并切换到它运行 ns-3。一次性解决方案：创建非 roo…...

编程新知 2025/9/11 11:00:29

零基础设计模式——行为型模式 - 责任链模式

第四部分：行为型模式 - 责任链模式 (Chain of Responsibility Pattern) 欢迎来到行为型模式的学习！行为型模式关注对象之间的职责分配、算法封装和对象间的交互。我们将学习的第一个行为型模式是责任链模式。核心思想：使多个对象都有机会处…...

编程新知 2025/12/10 21:51:45

SpringTask-03.入门案例

一.入门案例启动类： package com.sky;import lombok.extern.slf4j.Slf4j; import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; import org.springframework.cache.annotation.EnableCach…...

编程新知 2025/12/20 21:21:13

JS设计模式(4)：观察者模式

JS设计模式(4):观察者模式一、引入在开发中，我们经常会遇到这样的场景：一个对象的状态变化需要自动通知其他对象，比如： 电商平台中，商品库存变化时需要通知所有订阅该商品的用户；新闻网站中&#xff0…...

编程新知 2025/9/1 6:48:07

手机平板能效生态设计指令EU 2023/1670标准解读

手机平板能效生态设计指令EU 2023/1670标准解读以下是针对欧盟《手机和平板电脑生态设计法规》(EU) 2023/1670 的核心解读，综合法规核心要求、最新修正及企业合规要点： 一、法规背景与目标生效与强制时间发布于2023年8月31日（OJ公报&…...

编程新知 2025/12/22 18:09:39

渗透实战PortSwigger靶场：lab13存储型DOM XSS详解

进来是需要留言的，先用做简单的 html 标签测试发现面的</h1>不见了数据包中找到了一个loadCommentsWithVulnerableEscapeHtml.js 他是把用户输入的<>进行 html 编码，输入的<>当成字符串处理回显到页面中，看来只是把用户输…...

编程新知 2025/12/24 20:20:48

【无标题】湖北理元理律师事务所：债务优化中的生活保障与法律平衡之道

文/法律实务观察组在债务重组领域，专业机构的核心价值不仅在于减轻债务数字，更在于帮助债务人在履行义务的同时维持基本生活尊严。湖北理元理律师事务所的服务实践表明，合法债务优化需同步实现三重平衡： 法律刚性（债…...

编程新知 2025/12/24 6:20:13

热烈祝贺埃文科技正式加入可信数据空间发展联盟

2025年4月29日，在福州举办的第八届数字中国建设峰会“可信数据空间分论坛”上，可信数据空间发展联盟正式宣告成立。国家数据局党组书记、局长刘烈宏出席并致辞，强调该联盟是推进全国一体化数据市场建设的关键抓手。郑州埃文科技有限公司&am…...

编程新知 2025/12/24 23:39:09

目录

一、WebSocket 详解

1. 定义与特点：

2. 工作原理：

3. 应用场景：

二、入门案例

相关文章：