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

相关推荐
qq_386322692 小时前
华为网路设备学习-32(BGP协议 七)路由反射器与联邦
网络·学习
兰雪簪轩5 小时前
分布式通信平台测试报告
开发语言·网络·c++·网络协议·测试报告
fuyongliang1236 小时前
linux Nginx服务配置介绍,和配置流程
运维·服务器·网络
GEO_YScsn7 小时前
Rust 的生命周期与借用检查:安全性深度保障的基石
网络·算法
司徒小夜7 小时前
HTTP与HTTPS杂谈-HTTPS防御了什么
网络·http·https
只因在人海中多看了你一眼8 小时前
B.50.10.09-RPC核心原理与电商应用
qt·网络协议·rpc
嫩萝卜头儿8 小时前
虚拟地址空间:从概念到内存管理的底层逻辑
linux·服务器·网络
LJC_Superman9 小时前
Web与Nginx网站服务
运维·服务器·前端·网络·数据库·nginx·vim
小鸟啄米9 小时前
Elixir通过Onvif协议控制IP摄像机,扩展ExOnvif的摄像头停止移动 Stop 功能
网络协议·elixir·onvif
固执的你10 小时前
虚拟化技术
网络·智能路由器