WebSocket 入门案例

目录

WebSocket

入门案例

WebSocket-server

**作用:**服务端给客户端主动推送数据,也支持客户端主动给服务端发送数据,是一个双向的功能。主要是用来服务端给客户端发送数据。

新增项目:
添加依赖:

websocket依赖

通过百度找到maven官网,搜索websocket,然后找一个自己要的版本进行拷贝。

https://mvnrepository.com/

添加父依赖和其他依赖

yml:
启动类:

frontend-server

前端项目:
添加依赖:
添加yml:
启动类:
前端引入JS:
前端页面:

js的if的判断理解

两个index页面是一样的,就是创建的uuid不一样而已,一个是123,一个是456

后端代码:

websocket连接后,会根据情形自动触发里面的方法,触发的条件是贴上对应的注解。

controller

服务端给客户端发送消息的方法

测试:

创建连接:

前端执行的代码流程:

后端执行代码:

客户端这边就会自动执行这个 onOpen方法

onOpen:当客户端和服务端成功建立连接,就会执行opPen方法

客户端向服务端发送消息

服务端向客户端发送消息

服务端向客户端发送消息,先走controller的方法,执行完就走前端的socket.js的onmessage方法。

服务端根据不同的uuid(客户端的标识),向客户端发送消息,都能成功。

相关推荐
jun_bai2 小时前
python写的文件备份网盘程序
运维·服务器·网络
爱吃牛肉的大老虎2 小时前
网络传输架构之gRPC讲解
网络·架构
Warren983 小时前
Python自动化测试全栈面试
服务器·网络·数据库·mysql·ubuntu·面试·职场和发展
云飞云共享云桌面4 小时前
无需配置传统电脑——智能装备工厂10个SolidWorks共享一台工作站
运维·服务器·前端·网络·算法·电脑
骆驼10244 小时前
手机热点和无线路由器在 IPv6 工作模式上的区别
网络·ipv6
jenchoi4135 小时前
【2025-11-23】软件供应链安全日报:最新漏洞预警与投毒预警情报汇总
网络·数据库·安全·web安全·网络安全
火星数据-Tina6 小时前
低成本搭建体育数据中台:一套 API 如何同时支撑比分网与 App?
java·前端·websocket
独行soc7 小时前
2025年渗透测试面试题总结-258(题目+回答)
网络·python·安全·web安全·渗透测试·安全狮
AI绘画小337 小时前
网络安全(黑客技术)—2025自学手册
网络·安全·web安全·网络安全·渗透测试
s09071368 小时前
ZYNQ DMA to UDP 数据传输系统设计文档
网络协议·fpga开发·udp