博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
SpringBoot集成WebSocket【基于STOMP协议】进行点对点[一对一]和广播[一对多]实时推送...
阅读量:6951 次
发布时间:2019-06-27

本文共 1690 字,大约阅读时间需要 5 分钟。

原文详细地址,有点对点,还有广播的推送:

 

下面是自己处理的一些小bug

参考原文demo,结合工作中的项目,发现前端用vue时出现了莫名其妙的bug

var stompClient = null;       //加载完浏览器后  调用connect(),打开双通道      $(function(){         //打开双通道      connect()      })        //强制关闭浏览器  调用websocket.close(),进行正常关闭      window.onunload = function() {          disconnect()      }      function connect(){          var userId=1;          var socket = new SockJS('http://127.0.0.1:9091/sbjm-cheng/endpointOyzc'); //连接SockJS的endpoint名称为"endpointOyzc"          stompClient = Stomp.over(socket);//使用STMOP子协议的WebSocket客户端          stompClient.connect({},function(frame){
//连接WebSocket服务端 console.log('Connected:' + frame); //通过stompClient.subscribe订阅/topic/getResponse 目标(destination)发送的消息 stompClient.subscribe('/user/' + userId + '/queue/getResponse',function(response){ var code=JSON.parse(response.body); showResponse(code) }); }); } //关闭双通道 function disconnect(){ if(stompClient != null) { stompClient.disconnect(); } console.log("Disconnected"); } function showResponse(message){ var response = $("#response"); response.append("

只有userID为"+message.userId+"的人才能收到

"); }

这段js跑起来是没问题的,但是在vue里面跑起来就出现了bug,总是和服务器链接不上

vue代码如下:

 

报错如下:

 

后来经过各种排查,发现stompClient前少加了个var,这个太坑爹了自己的失误TTTTT

后来是莫名其妙的空格问题,就是这个

报错的是连接不稳定,老是连接不上,总是失去和服务器的连接,这个可能是网络问题,公司的网比较差,太坑

 但是永远接收不到服务器推送回来的消息

最后是怎么解决的呢?

就是这个莫名其妙的空格问题,把上面图片上多余的空格去掉就ok了

但是这个问题自己用小demo原生的来跑完全没问题的

就是用VUE之后接收不到推送回来的消息

后来去掉空格就可以接收到消息了 

 

 

转载于:https://www.cnblogs.com/syp172654682/p/9177900.html

你可能感兴趣的文章
node读取文件转换json文件
查看>>
php网址显示excel表格内容
查看>>
HDU - 1874 畅通工程续(迪杰斯特拉)
查看>>
线段树 适合初学者
查看>>
go语言中的文件创建,写入,读取,删除
查看>>
jqGrid基本使用
查看>>
9.27作业
查看>>
驱动程序中使用SEH
查看>>
存储类(作用域、链接、存储时期)
查看>>
jsonp跨域请求
查看>>
OpenGL根据极坐标参数方程绘制心形线、螺旋线等图形
查看>>
通达OA2008从windows环境移植到linux部署手册
查看>>
CentOS6.5编译安装Nginx1.8.1+MySQL5.5.48+PHP5.2.17+xcache3.2+ZendOptimizer-3.3.9
查看>>
zabbix系列(五)zabbix3.0.4 探索主机Discovery自动发现主机详细图文教程
查看>>
利用jstack命令定位占用cpu高的java线程及具体错误代码信息
查看>>
枚举、模拟、递推
查看>>
PSD模板设计图转化为HTML模板的正确做法
查看>>
【C#】事件
查看>>
CF 672 div2 D
查看>>
字符串类dp的题目总结
查看>>