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

WebSocket 快速入门 与 应用

news 文章来源：https://blog.csdn.net/qq_43457850/article/details/139621800 2024/11/2 20:23:45

        WebSocket 是一种在 Web 应用程序中实现实时、双向通信的技术。它允许客户端和服务器之间建立持久性的连接，以便可以在两者之间双向传输数据。

以下是 WebSocket 的一些关键特点和工作原理：

0.特点：

  1. 双向通信：WebSocket 允许服务器和客户端之间进行双向通信，无需客户端发起请求。

  2. 实时性：WebSocket 提供了实时性通信的能力，使得服务器可以立即将数据推送给客户端，而无需等待客户端发起请求。

  3. 持久性连接：与传统的 HTTP 请求-响应模式不同，WebSocket 的连接是持久性的，一旦建立连接，它将保持打开状态，直到其中一方主动关闭连接。

  4. 低延迟：由于 WebSocket 使用单一的 TCP 连接，相较于传统的轮询或长轮询方式，它能够减少通信的延迟。

  5. 节省带宽：WebSocket 的头部较小，且在通信过程中不需要重复的 HTTP 头部，因此可以节省带宽。

1.工作原理：

  1. 握手阶段：客户端发起 WebSocket 握手请求，请求头部包含一些特定的字段，如 Upgrade 和 Connection 等。服务器收到请求后，如果支持 WebSocket 协议，会返回 101 状态码，表示协议切换成功，然后连接升级为 WebSocket 连接。

  2. 建立连接：建立连接后，服务器和客户端可以通过发送消息进行通信。每个消息都被分割成一个或多个帧进行传输。

  3. 数据传输：WebSocket 数据以帧的形式传输。帧可以是文本、二进制数据或控制帧。文本帧用于传输文本数据，而二进制帧用于传输二进制数据。控制帧用于控制连接，例如关闭连接或心跳检测。

  4. 保持活动状态：WebSocket 连接可以保持活动状态，无需在每次通信后重新建立连接。服务器和客户端可以周期性地发送心跳消息来保持连接的活跃状态。

  5. 关闭连接：任何一方都可以通过发送关闭帧来关闭连接。关闭帧包含一个状态码和一个可选的关闭消息。收到关闭帧后，双方都应该关闭连接。

        WebSocket 在现代 Web 应用程序中被广泛应用于实时通信、在线游戏、实时协作等场景，它提供了一种高效且可靠的双向通信方式，为开发者提供了更多创新的可能性。

2. 基于 Java 实现 WebSocket

  • 服务端的类
    • 监听连接——@ServerEndpoint
    • 连接成功——@OnOpen
    • 连接关闭——@OnClose
    • 收到消息状态——@OnMessage
（一）方式一：通过注解实现

        实现了一个基于WebSocket的双向通信系统

        其中服务器端配置了 WebSocket 并实现了消息处理和定时推送

        客户端页面则使用 JavaScript 创建WebSocket连接 并实现消息发送和接收。

1.项目依赖

    <dependencies><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-websocket</artifactId></dependency><dependency><groupId>org.projectlombok</groupId><artifactId>lombok</artifactId><optional>true</optional></dependency><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-test</artifactId><scope>test</scope></dependency></dependencies>
2.WsServerEndpoint
/*** 监听webSocket地址  /myWs* 即：监听谁连接了 客户端*//*** 定义了一个 WebSocket 服务器端点的类。它使用了 @ServerEndpoint 来指定 WebSocket 的端点路径为 "/myWs"。** 这个类也使用了 @Component 注解，将这个类标记为 Spring 的组件，以便 Spring 自动扫描并注册它。** 另外，使用了 @EnableScheduling 注解用于开启定时任务功能。*/@ServerEndpoint("/myWs")               //   监听连接
@Component
@Slf4j
@EnableScheduling
public class WsServerEndpoint {static Map<String, Session> sessionMap = new ConcurrentHashMap<>();//连接建立时 进行的操作//@OnOpen: 用于标记连接成功时执行的方法，将建立的 Session 对象存储在 sessionMap 中，并记录日志表示 WebSocket 已连接。@OnOpen             //    连接成功public void onOpen(Session session){sessionMap.put(session.getId(), session);log.info("websocket is open");}// 收到客户端消息时 进行的操作//@OnMessage: 用于标记接收到消息时执行的方法，打印收到的消息并返回一条确认消息。@OnMessage          //    收到消息状态public String OnMessage(String text){log.info("收到了一条消息："+text);return "已收到你的消息";}// 连接关闭的时候 执行的操作//@OnClose: 用于标记连接关闭时执行的方法，从 sessionMap 中移除对应的 Session 对象，并记录日志表示 WebSocket 已关闭。@OnClosepublic void onClose(Session session){sessionMap.remove(session.getId());log.info("websocket is close");}// 服务端想给 客户端发送数据的话// ===》 定时任务实现     (每隔多少秒执行一次)//@Scheduled: 使用定时任务（通过 @Scheduled 注解）每隔两秒向所有的客户端发送一条消息。@Scheduled(fixedRate = 2000)public void sendMsg() throws IOException {for (String key:sessionMap.keySet()){sessionMap.get(key).getBasicRemote().sendText("心跳");}}
}

3.WebSocketConfig

/*** 定义了一个 Spring @Configuration 类，并且使用了 @Bean 注解向 Spring 容器注册了一个 ServerEndpointExporter 的实例** 这个 ServerEndpointExporter 实例是用于在 Spring Boot 中配置和注册 WebSocket 服务器端点的组件。*/
@Configuration
public class WebSocketConfig {// 将依赖包中的一些  依赖  注入为Bean@Beanpublic ServerEndpointExporter serverEndpointExporter() {return new ServerEndpointExporter();}
}

4.ws.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>ws client</title>
</head>
<body>
</body>
<!--通过 JavaScript 创建了一个 WebSocket 客户端连接到指定路径 "/myWs"（与服务器端点匹配）。当连接成功建立时，会发送一条消息 "hello,phdvb"；同时当接收到消息时，将消息数据打印到控制台。-->
<script>let ws = new WebSocket("ws://localhost:8080/myWs")//当连接打开的时候   想服务端发送消息ws.onopen = function() {ws.send("hello,phdvb")}ws.onmessage = function(message) {console.log(message.data)}
</script>
</html>

实现效果

（二）方式二：通过Spring类+接口实现

3.基于websocket实现多人聊天室

  • 实现的功能
    • 进入聊天室
    • 群聊功能，任何人说话，所有人都能接收到提醒
    • 退出群聊

4.websocket的应用场景

解决怎样的经典问题？

Q: 由于Http协议，只能由浏览器向服务器发送请求，服务器无法直接向浏览器发送请求

        常见的提点方案：浏览器以轮询的方式向服务器发送请求

        轮询的缺陷：浪费带宽，实时性差，导致服务器压力较大

PC端二维码支付：

https://pay.weixin.qq.com/wiki/doc/apiv3/open/pay
/chapter2_7_2.shtml

       

相关文章：

WebSocket 快速入门 与 应用

WebSocket 是一种在 Web 应用程序中实现实时、双向通信的技术。它允许客户端和服务器之间建立持久性的连接&#xff0c;以便可以在两者之间双向传输数据。 以下是 WebSocket 的一些关键特点和工作原理&#xff1a; 0.特点&#xff1a; 双向通信&#xff1a;WebSocket 允许服务…...

编程日记 2024/6/17 1:33:35

使用Spring Cloud设计电商系统架构

在当今互联网高速发展的时代&#xff0c;电子商务系统成为了商家与用户互动的主要方式之一。为了能够更好地应对高并发、可扩展性、灵活性等需求&#xff0c;微服务架构逐渐成为设计电商系统的首选方案。Spring Cloud作为一个成熟的微服务框架&#xff0c;为开发人员提供了一整…...

编程日记 2024/6/17 1:32:34

揭开 Docker 容器的神秘面纱：深入理解容器原理

前言 前几年比较火的是微服务&#xff0c;再然后就是云。讨论技术必谈微服务&#xff0c;要上云&#xff0c;开发出的产品也都是某某云。现在讨论比较少了&#xff0c;因为AI盖过他们。还有就是因为容器技术&#xff0c;现在几乎都是k8s&#xff0c;云原生。要比较快的上手k8s…...

编程日记 2024/6/17 1:31:33

Elasticsearch：Open Crawler 发布技术预览版

作者&#xff1a;来自 Elastic Navarone Feekery 多年来&#xff0c;Elastic 已经经历了几次 Crawler 迭代。最初是 Swiftype 的 Site Search&#xff0c;后来发展成为 App Search Crawler&#xff0c;最近又发展成为 Elastic Crawler。这些 Crawler 功能丰富&#xff0c;允许以…...

编程日记 2024/6/17 1:30:31

C 语言连接MySQL 数据库

前提条件 本机安装MySQL 8 数据库 整体步骤 第一步&#xff1a;开启Windows 子系统安装Ubuntu 22.04.4&#xff0c;安装MySQL 数据库第三方库执行 如下命令&#xff1a; sudo aptitude install libmysqlclient-dev wz2012LAPTOP-8R0KHL88:/mnt/e/vsCode/cpro$ sudo aptit…...

编程日记 2024/6/17 1:28:29

【探索Linux】P.34（HTTPS协议）

阅读导航 引言一、HTTPS是什么1. 什么是"加密"2. 为什么要加密3. 常见的加密方式&#xff08;1&#xff09;对称加密&#xff08;2&#xff09;非对称加密 二、证书认证1. CA认证 三、HTTPS的加密底层原理✅非对称加密对称加密证书认证 温馨提示 引言 在上一篇文章中…...

编程日记 2024/6/17 1:27:27

Python 踩坑记 -- 调优

前言 继续解决问题 慢 一个服务运行有点慢&#xff0c;当然 Python 本身不快&#xff0c;如果再编码不当那这个可能就是量级上的劣化。 整个 Code 主线逻辑 1700&#xff0c;各依赖封装 3000&#xff0c;主线逻辑也是很久远的痕迹&#xff0c;长函数都很难看清楚一个 if els…...

编程日记 2024/6/17 1:24:23

英特尔澄清：Core i9处理器崩溃问题根本原因仍在调查，eTVB非主因

英特尔否认了有关已找到导致Core i9崩溃问题根本原因的报道&#xff0c;强调调查仍在继续。此前&#xff0c;德国媒体Igors Lab曾报道&#xff0c;英特尔已经发现了影响第13代猛禽湖&#xff08;Raptor Lake&#xff09;和第14代猛禽湖Refresh Core i9处理器稳定性的根源问题&a…...

编程日记 2024/6/17 1:21:19

python实战根据excel的文件名称这一列的内容，找到电脑D盘的下所对应的文件位置，要求用程序实现

今天客户需要 根据excel的文件名称这一列的内容&#xff0c;找到电脑D盘的下所对应的文件位置&#xff0c;要求用程序实现 数据样例&#xff1a;记录.xlsx 解决代码&#xff1a; 1、安装必要的库&#xff1a; pip install pandas openpyxl2、编写Python脚本&#xff1a; im…...

编程日记 2024/6/17 1:16:14

LVS ipvsadm命令的使用（二）

目录 上篇&#xff1a;负载均衡集群&#xff08;一&#xff09;-CSDN博客 命令参数概述 调度算法 基本命令 1. 添加虚拟服务器 2. 添加真实服务器 3. 删除虚拟服务器 4. 删除真实服务器 5. 列出当前配置 6. 修改服务器权重 7.保存规则 8. 清除所有配置 进行增加虚拟…...

编程日记 2024/6/17 1:15:13

Java面向对象-接口

Java面向对象-接口 一、JDK1.8之前二、接口的作用三、JDK1.8之后&#xff0c;新增非抽象方法四、静态方法 一、JDK1.8之前 1、类是类&#xff0c;接口是接口&#xff0c;它们是同一层次的概念 2、接口中没有构造器 3、接口如何声明&#xff1a;interface 4、在jdk1.8之前&…...

编程日记 2024/6/17 1:13:09

怎么不使用springboot Helper或Spring Initializr来创建spring项目

1. 创建项目目录结构 首先&#xff0c;创建项目的基本目录结构。一个典型的 Maven 项目结构如下&#xff1a; my-spring-project ├── src │ ├── main │ │ ├── java │ │ │ └── com │ │ │ └── example │ │ │ └…...

编程日记 2024/6/17 1:12:08

STM32CubeMX配置-RTC周期唤醒

一、简介 MCU为STM32G070&#xff0c;采用内部时钟32KHZ&#xff0c;配置为周期6s唤醒&#xff0c;调用回调函数&#xff0c;进行喂狗操作。 二、配置 初始时间、日期、周期唤醒时间配置。 开启周期唤醒中断 三、生成代码 调用回调函数&#xff0c;进行喂狗操作。 //RTC唤醒回…...

编程日记 2024/6/17 1:11:07

js如何添加新元素到数组中

1.push方法 push() 方法可向数组的末尾添加一个或多个元素&#xff0c;并返回新的长度。这是向数组添加元素的最常用方法。 let arr [1, 2, 3]; arr.push(4); // 向数组末尾添加元素4 console.log(arr); // 输出: [1, 2, 3, 4] 2.unshift方法 unshift() 方法可向数组的…...

编程日记 2024/6/17 1:09:04

Python变量和基本数据类型

变量和基本数据类型 变量是什么&#xff1f; 变量是存储在内存中的值&#xff0c;这就意味着在创建变量时会在内存中开辟一个空间。 基于变量的数据类型&#xff0c;解释器会分配指定内存&#xff0c;并决定什么数据可以被存储在内存中。 因此&#xff0c;变量可以指定不同…...

编程日记 2024/6/17 1:08:03

嵌入式数据库_1.嵌入式数据库的定义及特点和分类

1.嵌入式数据库的定义及特点 1.1定义 嵌入式数据库的名称来自其独特的运行模式。这种数据库嵌入到了应用程序进程中&#xff0c;消除了与客户机服务器配置相关的开销。嵌入式数据库实际上是轻量级的&#xff0c;在运行时&#xff0c;它们需要较少的内存。它们是使用精…...

编程日记 2024/6/17 1:07:02

新人学习笔记之（变量）

一、什么是变量 1.变量是存储数据的小盒子&#xff0c;不是里面的数据 2.经常发生改变的数据 二、变量的定义格式 1.数据类型 变量名; 数据类型&#xff1a;为盒子中存储的数据&#xff0c;加入类型【限制】 变量名&#xff1a;为盒子起的名字 分号&#xff1a;语句的结束 三…...

编程日记 2024/6/17 1:06:00

Windows修改CMD窗口编码为UTF-8

windows下的cmd的默认编码是GBK编码&#xff0c;有时可能造成乱码问题&#xff0c;下面是我找到的两种更换编码方式为UTF-8的方法。 1、临时修改 &#xff08;1&#xff09;先进入cmd命令窗口&#xff08;快捷键win键R&#xff09; &#xff08;2&#xff09;直接输入“chcp…...

编程日记 2024/6/17 1:03:58

os实训课程模拟考试（1~7）

操作系统的基本功能和设计目标 1、 操作系统是一组 ____&#xff08;单选&#xff09; A、 文件管理程序 B、 资源管理程序 C、 中断处理程序 D、 设备管理程序 2、 以下哪项不是操作系统关心的主要问题&#xff1f;&#xff08;单选&#xff09; A、 管理计算机裸机 B、 设计…...

编程日记 2024/6/17 1:01:55

yolov10 学习笔记

目录 推理代码&#xff0c;source可以是文件名&#xff0c;路径&#xff0c; 预测可视化&#xff1a; 预测可视化加nms 训练自己的数据集&#xff0c; 训练一段时间报错&#xff1a;dill库 解决方法&#xff1a; 推理代码&#xff0c;source可以是文件名&#xff0c;路径…...

编程日记 2024/6/17 1:00:53

NAT概述

NAT概念 NAT&#xff08;Network Address Translation&#xff0c;网络地址转换&#xff09;是一种用于修改网络地址信息的技术&#xff0c;主要用于在路由器或防火墙上进行地址转换&#xff0c;以解决 IPv4 地址短缺问题、提高网络安全性以及实现私有网络与公有网络之间的通信…...

编程日记 2024/6/17 0:59:52

Ansys Mechanical｜学习方法

Ansys Mechanical是Ansys的旗舰产品之一&#xff0c;涉及的学科体系全面丰富&#xff0c;包括的力学分支主要有理论力学&#xff0c;振动理论&#xff0c;连续介质力学&#xff0c;固态力学&#xff0c;物理力学&#xff0c;爆炸力学及应用力学等。 在自媒体及数字经济飞速发展…...

编程日记 2024/6/17 0:57:49

热门开源项目ChatTTS: 国内语音技术突破，实现弯道超车

✨✨ 欢迎大家来访Srlua的博文&#xff08;づ&#xffe3;3&#xffe3;&#xff09;づ╭❤&#xff5e;✨✨ &#x1f31f;&#x1f31f; 欢迎各位亲爱的读者&#xff0c;感谢你们抽出宝贵的时间来阅读我的文章。 我是Srlua小谢&#xff0c;在这里我会分享我的知识和经验。&am…...

编程日记 2024/6/17 0:56:48

环形链表2证明

解法 快慢指针相遇后&#xff0c;其中一个指回头部&#xff0c;然后同步前进 代码 /*** Definition for singly-linked list.* struct ListNode {* int val;* ListNode *next;* ListNode(int x) : val(x), next(NULL) {}* };*/ class Solution { public:ListNod…...

编程日记 2024/6/17 0:55:47

fetch_lfw_people（）报错urllib.error.HTTPError: HTTP Error 403: Forbidden的解决方案

零、实验报告地址 计算机视觉实验二：基于支持向量机和随机森林的分类（Part one: 编程实现基于支持向量机的人脸识别分类 ）-CSDN博客 一、代码报错 fetch_lfw_people（）报错urllib.error.HTTPError: HTTP Error 403: Forbidden 二、报错原因 通常是由于访问权限不足导致的…...

编程日记 2024/6/17 0:53:45

Verilog-Behavior Level 和 RTL Level 和 GATE Level的区别

硬件设计中对硬件的描述可以具有不同的抽象级别&#xff0c;以Verilog为例&#xff1a; Behavior Level。描述的是硬件的行为&#xff0c;当我们在看到如下关键字时就是行为级别的代码&#xff1a;#&#xff0c;wait&#xff0c;while&#xff0c;force&#xff0c;release等&…...

编程日记 2024/6/17 0:52:43

华为OD机考题HJ1 字符串最后一个单词的长度

前言 描述 计算字符串最后一个单词的长度&#xff0c;单词以空格隔开&#xff0c;字符串长度小于5000。&#xff08;注&#xff1a;字符串末尾不以空格为结尾&#xff09; 输入描述&#xff1a; 输入一行&#xff0c;代表要计算的字符串&#xff0c;非空&#xff0c;长度小…...

编程日记 2024/6/17 0:50:40

C语言---------深入理解指针

目录 一、字符指针 二、指针数组&#xff1a; 三、数组指针&#xff1a; 1、定义&#xff1a; 2、&数组名和数组名区别&#xff1a; 3、数组指针的使用&#xff1a; 四、数组参数&#xff0c;指针参数&#xff1a; 1、一维数组传参&#xff1a; 2、二维数组传参&am…...

编程日记 2024/6/17 0:49:39

C++ 算法教程

归并排序 #include<iostream> using namespace std; template <class T> void Merge(T data[],int start,int mid,int end) {int len1 mid - start 1, len2 end - mid;int i, j, k;T* left new int[len1];T* right new int[len2];for (i 0; i < len1; i)…...

编程日记 2024/6/17 0:48:38

【支持向量机】问题梳理

学完支持向量机后我有些地方不太清楚&#xff0c;故做如下梳理&#xff1a; 1.为什么支持向量机模型认为一个点划分正确的标志是y(wxb)>1呢&#xff0c;为什么不是y(wxb)>0&#xff0c;比如y为1&#xff0c;wxb为0.5&#xff0c;大于0&#xff0c;则预测正确。 2.所以意思…...

编程日记 2024/6/17 0:47:37

长春网站制作价格/百度搜索引擎盘搜搜

为什么80%的码农都做不了架构师&#xff1f;>>> IT技术潮流从来没有想今天这般风云变幻&#xff0c;城头变幻大王旗。对于科技人才来说&#xff0c;这是最好的时代&#xff0c;也是最坏的时代。新技能和工具的不断涌现对个人的学习能力是个极大的挑战&#xff0c;同…...

编程日记 2024/11/2 17:03:12

织梦是怎么做网站/新出的app推广在哪找

叶问《叶问》是知数堂新设计的互动栏目&#xff0c;不定期给大家提供技术知识小贴士&#xff0c;形式不限&#xff0c;或提问、或讨论均可&#xff0c;并在当天发布答案&#xff0c;让大家轻轻松松利用碎片时间就可以学到最实用的知识点。2018年11月6日&#xff0c;周二Show pr…...

编程日记 2024/11/2 11:18:23

做移动网站优化优/营销网站优化推广

1、问题的产生&#xff1a; 在github上fork一个开源项目之后&#xff0c;想要修改部分代码后供公司项目使用。发现需要修改源项目中的所有内部import&#xff0c;例如开源模块 M中存在P1、P2等package&#xff0c; 其中P2 import P1的import路径为 “github.com/someone/M/P1”…...

编程日记 2024/11/2 10:55:27

国能商旅app下载/无锡seo网络推广

一、什么是pamPAM(Pluggable Authentication Modules ) Sun公司于1995 年开发的一种与认证相关的通用框架机制, PAM 是关注如何为服务验证用户的 API&#xff0c;通过提供一些动态链接库和一套统一的API&#xff0c;将系统 提供的服务和该服务的认证方式分开, 使得系统管理员可…...

编程日记 2024/11/2 10:23:41

运城做网站/长沙正规竞价优化服务

详见fhq blog 主要是先拓扑..然后构建新树 然后倍增求儿子 #include <cstdio> #include <cstring> #include <iostream> #include <algorithm> using namespace std; const int MAXN700000; struct EDGE {int tot,g[MAXN],nnext[MAXN],num[MAXN];void…...

编程日记 2024/11/2 8:59:09

建设工程消防设计备案哪个网站/深圳的seo网站排名优化

题目&#xff1a; 分析&#xff1a;借助“实现”&#xff0c;遇到左括号将其压入栈&#xff0c;遇到右括号&#xff0c;从栈中取左括号&#xff0c;一直这样到字符串完了栈也空了&#xff0c;则说明匹配成功&#xff0c;否则匹配失败 class Parenthesis { public:stack<cha…...

编程日记 2024/11/2 7:07:08