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(客户端的标识),向客户端发送消息,都能成功。

相关推荐
孞㐑¥20 分钟前
Linux之Socket 编程 UDP
linux·服务器·c++·经验分享·笔记·网络协议·udp
you秀1 小时前
HTTPS通信流程:SSL/TLS握手全解析
网络协议·https·ssl
某公司摸鱼前端1 小时前
uniapp socket 封装 (可拿去直接用)
前端·javascript·websocket·uni-app
2501_915921433 小时前
iOS IPA 混淆实测分析:从逆向视角验证加固效果与防护流程
websocket·网络协议·tcp/ip·http·网络安全·https·udp
2501_915918413 小时前
打造可观测的 iOS CICD 流程:调试、追踪与质量保障全记录
websocket·网络协议·tcp/ip·http·网络安全·https·udp
漫谈网络4 小时前
WebSocket 在前后端的完整使用流程
javascript·python·websocket
Absinthe_苦艾酒5 小时前
计算机网络(三)传输层TCP
网络·tcp/ip·计算机网络
GLAB-Mary5 小时前
AI会取代网络工程师吗?理解AI在网络安全中的角色
网络·人工智能·web安全
敲敲敲-敲代码6 小时前
【ArcGIS10.2】网络数据集构建---最短路径分析
网络·arcgis
2501_915909067 小时前
调试 WebView 旧资源缓存问题:一次从偶发到复现的实战经历
websocket·网络协议·tcp/ip·http·网络安全·https·udp