- ubuntu12.04环境下使用kvm ioctl接口实现最简单的虚拟机
- Ubuntu 通过无线网络安装Ubuntu Server启动系统后连接无线网络的方法
- 在Ubuntu上搭建网桥的方法
- ubuntu 虚拟机上网方式及相关配置详解
CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.
这篇CFSDN的博客文章SpringBoot WebSocket实时监控异常的详细流程由作者收集整理,如果你对这篇文章有兴趣,记得点赞哟.
。
此异常非彼异常,标题所说的异常是业务上的异常.
最近做了一个需求,消防的设备巡检,如果巡检发现异常,通过手机端提交,后台的实时监控页面实时获取到该设备的信息及位置,然后安排员工去处理.
因为需要服务端主动向客户端发送消息,所以很容易的就想到了用WebSocket来实现这一功能.
WebSocket就不做介绍了,上链接:https://developer.mozilla.org/zh-CN/docs/Web/API/WebSocket 。
前端略微复杂,需要在一张位置分布图上进行鼠标描点定位各个设备和根据不同屏幕大小渲染,本文不做介绍,只是简单地用页面样式进行效果呈现.
绿色代表正常,红色代表异常 。
预期效果,未接收到请求前----->id为3的提交了异常,id为3的王五变成了红色 。
。
。
直接贴代码 。
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>实时监控</title> </head> <style> .item { display: flex; border-bottom: 1px solid #000000; justify-content: space-between; width: 30%; line-height: 50px; height: 50px; } .item span:nth-child(2){ margin-right: 10px; margin-top: 15px; width: 20px; height: 20px; border-radius: 50%; background: #55ff00; } .nowI{ background: #ff0000 !important; } </style> <body> <div id="app"> <div v-for="item in list" class="item"> <span>{{item.id}}.{{item.name}}</span> <span :class="item.state==-1?"nowI":"""></span> </div> </div> </body> <script src="./js/vue.min.js"></script> <script type="text/javascript"> var vm = new Vue({ el: "#app", data: { list: [{ id: 1, name: "张三", state: 1 }, { id: 2, name: "李四", state: 1 }, { id: 3, name: "王五", state: 1 }, { id: 4, name: "韩梅梅", state: 1 }, { id: 5, name: "李磊", state: 1 }, ] } }) var webSocket = null; if ("WebSocket" in window) { //创建WebSocket对象 webSocket = new WebSocket("ws://localhost:18801/webSocket/" + getUUID()); //连接成功 webSocket.onopen = function() { console.log("已连接"); webSocket.send("消息发送测试") } //接收到消息 webSocket.onmessage = function(msg) { //处理消息 var serverMsg = msg.data; var t_id = parseInt(serverMsg) //服务端发过来的消息,ID,string需转化为int类型才能比较 for (var i = 0; i < vm.list.length; i++) { var item = vm.list[i]; if(item.id == t_id){ item.state = -1; vm.list.splice(i,1,item) break; } } }; //关闭事件 webSocket.onclose = function() { console.log("websocket已关闭"); }; //发生了错误事件 webSocket.onerror = function() { console.log("websocket发生了错误"); } } else { alert("很遗憾,您的浏览器不支持WebSocket!") } function getUUID() { //获取唯一的UUID return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(c) { var r = Math.random() * 16 | 0, v = c == "x" ? r : (r & 0x3 | 0x8); return v.toString(16); }); } </script></html>
。
项目结构是这样子的,后面的代码关键注释都有,就不重复描述了 。
1、新建SpringBoot工程,选择web和WebSocket依赖 。
2、配置application.yml 。
#端口server: port: 18801#密码,因为接口不需要权限,所以加了个密码做校验mySocket: myPwd: jae_123
3、WebSocketConfig配置类 。
@Configurationpublic class WebSocketConfig { /** * 注入一个ServerEndpointExporter,该Bean会自动注册使用@ServerEndpoint注解申明的websocket endpoint */ @Bean public ServerEndpointExporter serverEndpointExporter(){ return new ServerEndpointExporter(); }}
4、WebSocketServer类,用来进行服务端和客户端之间的交互 。
/** * @author jae * @ServerEndpoint("/webSocket/{uid}") 前端通过此URI与后端建立链接 */@ServerEndpoint("/webSocket/{uid}")@Componentpublic class WebSocketServer { private static Logger log = LoggerFactory.getLogger(WebSocketServer.class); //静态变量,用来记录当前在线连接数。应该把它设计成线程安全的。 private static final AtomicInteger onlineNum = new AtomicInteger(0); //concurrent包的线程安全Set,用来存放每个客户端对应的WebSocketServer对象。 private static CopyOnWriteArraySet<Session> sessionPools = new CopyOnWriteArraySet<Session>(); /** * 有客户端连接成功 */ @OnOpen public void onOpen(Session session, @PathParam(value = "uid") String uid){ sessionPools.add(session); onlineNum.incrementAndGet(); log.info(uid + "加入webSocket!当前人数为" + onlineNum); } /** * 连接关闭调用的方法 */ @OnClose public void onClose(Session session) { sessionPools.remove(session); int cnt = onlineNum.decrementAndGet(); log.info("有连接关闭,当前连接数为:{}", cnt); } /** * 发送消息 */ public void sendMessage(Session session, String message) throws IOException { if(session != null){ synchronized (session) { session.getBasicRemote().sendText(message); } } } /** * 群发消息 */ public void broadCastInfo(String message) throws IOException { for (Session session : sessionPools) { if(session.isOpen()){ sendMessage(session, message); } } } /** * 发生错误 */ @OnError public void onError(Session session, Throwable throwable){ log.error("发生错误"); throwable.printStackTrace(); }}
5、WebSocketController类,用于进行接口测试 。
@RestController@RequestMapping("/open/socket")public class WebSocketController { @Value("${mySocket.myPwd}") public String myPwd; @Autowired private WebSocketServer webSocketServer; /** * 手机客户端请求接口 * @param id 发生异常的设备ID * @param pwd 密码(实际开发记得加密) * @throws IOException */ @PostMapping(value = "/onReceive") public void onReceive(String id,String pwd) throws IOException { if(pwd.equals(myPwd)){ //密码校验一致(这里举例,实际开发还要有个密码加密的校验的),则进行群发 webSocketServer.broadCastInfo(id); } }}
。
1、打开前端页面,进行WebSocket连接 。
控制台输出,连接成功 。
2、因为是模拟数据,所以全部显示正常,没有异常提交时的页面呈现 。
3、接下来,我们用接口测试工具Postman提交一个异常 。
注意id为3的这个数据的状态变化 。
我们可以看到,id为3的王五状态已经变成异常的了,实时通讯成功.
参考:https://developer.mozilla.org/zh-CN/docs/Web/API/WebSocket 。
到此这篇关于SpringBoot WebSocket实时监控异常的文章就介绍到这了,更多相关SpringBoot WebSocket监控异常内容请搜索我以前的文章或继续浏览下面的相关文章希望大家以后多多支持我! 。
原文链接:https://www.cnblogs.com/jae-tech/p/15409340.html 。
最后此篇关于SpringBoot WebSocket实时监控异常的详细流程的文章就讲到这里了,如果你想了解更多关于SpringBoot WebSocket实时监控异常的详细流程的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。
假设浏览器被强制终止,并且没有关闭消息发送到 Tornado 服务器。 Tornado 怎么知道(或者它甚至知道?)这个连接已经在客户端终止了?翻看Tornado websocket code这对我来
我目前正在开发一款使用 WebSockets 的基于浏览器的多人游戏。我的首要任务是低延迟以及与各种平台和网络设置的兼容性。 但是我正在做密码验证。我还有聊天功能,我认为玩家的隐私很重要。因此,我认为
我必须设计一个解决方案,允许通过远程托管的网络应用程序读取本地传感器生成的实时数据。 设计仍在进行中:传感器的数据可以由安装在客户端计算机上的 Windows 应用程序/服务处理,或者由位于客户端计算
WebSocket的端口是什么? WebSocket 使用什么协议(protocol)? 当防火墙阻止除 80 和 443 端口之外的所有端口时,WebSocket 是否工作? 最佳答案 What i
有一个 fantastic answer其中详细介绍了 REST apis 的工作原理。 websockets 如何以类似的细节工作? 最佳答案 Websocket 创建并代表了服务器和客户端之间双向
请原谅我的无知,因为我在负载均衡器和 websockets 方面的经验有限。我试图了解客户端如何通过 websockets 连接到位于负载均衡器后面的服务器集群。 我对负载均衡器的理解是它们就像反向代
我正在尝试使用 websocket 发送音频消息,我应该将音频流更改为什么类型的消息,以便我可以使用套接字发送? 如果我直接使用 websocket.send(audio),我会得到一个错误“DOME
我对 WebSockets 的前景感到非常兴奋。由于我在过去构建了一些基于桌面套接字的游戏和 Web 游戏,因此我热衷于将这两种方法结合起来构建基于 Web 的多人游戏,而无需长时间轮询。 自从 Fi
我读过很多关于实时推送通知的文章。并且简历是 websocket 通常是首选技术,只要您不关心 100% 的浏览器兼容性。然而,one article指出 Long polling - potenti
我很难找到文档或教程,以便通过网络套接字发送文件。 这是我的JS: ['dragleave', 'drop'].forEach(event_name => document.addEventListe
我正在使用 Dart 的 WebSocket 类(dart:io 和 dart:html 版本)连接到 Dart WebSocket 服务器。当我让客户端使用自定义关闭代码和原因关闭 Web 套接字连
谷歌浏览器框架是否支持 websocket? 最佳答案 答案是肯定的,Chrome Frame supports websockets .我不确定,但这也可能取决于您安装的 Chrome 版本。我有
是否可以在同一应用程序(同一端口)中托管一个普通 Bottle 应用程序和一个 WebSocket 应用程序(例如: https://github.com/defnull/bottle/blob/ma
我有一个支持网络套接字的服务器。浏览器连接到我的网站,每个浏览器都会打开一个到 www.mydomain.example 的 Web 套接字。这样,我的社交网络应用程序就可以向客户端推送消息。 传统上
我是 Websockets 新手。在阅读有关 websockets 的内容时,我无法找到一些疑问的答案。我希望有人能澄清一下。 websocket 是否仅将数据广播到所有连接的客户端而不是发送到特定客
客户端可以通过 websockets 连接到服务器多长时间?是否有时间限制,它们是否有可能连在一起多年? 最佳答案 理论上,WebSocket 连接可以永远持续下去。假设端点保持正常运行,长期存在的
我正在尝试使用 websockets 制作自己的聊天客户端,并认为我会从 Tomcat 7 websocket chat example code. 开始。 .我已经成功编译并部署了ChatAnnot
我有一个使用 AdSense 的应用程序,据我所知,由于 AdSense 政策,不允许进行轮询。我想知道如果我使用 WebSockets 并且服务器在创建新数据时向客户端发送新数据并且在客户端上显示新
在 servlet 世界中,我会使用 cookie 和 HttpSession 之类的东西来识别谁在访问我的 Restful 服务以将请求路由到正确的数据。将 Sec-WebSocket-Key 用作
我必须使用 websocket 实现一个聊天应用程序,用户将通过群组聊天,可以有数千个群组,并且一个用户可以在多个群组中。我正在考虑两种解决方案: [1] 对于每个群聊,我创建一个 websocket
我是一名优秀的程序员,十分优秀!