最近在接其他业务时碰到一个很有意思的需求,要用websocket去定时获取数据,要获取websocket实时返回的值来对后续的业务进行处理,当时我还觉得只是个简单的websocket链接获取数据而已,然而在用websocket连接之后发现返回的http状态码是301,在跟接口开发人员沟通之后得知还需要订阅频道....订阅频道....于是翻了很久的谷歌和百度都没有找到相关的文章...翻了几页之后发现大部分都是java的,在此之后还发现一个前端代码实现的,于是我返回去看了下请求的地址,进去之后是一个跳转,welcome soketjs ..这是啥东东,谷歌了一下发现是一个websocket的框架,并且支持频道订阅...
直接贴代码:
首先 cnpm i sockjs-client --save或者npm i sockjs-client --save
其次添加依赖stompjs, cnpm install stompjs --save或者npm install stompjs --save
constSockJS = require('sockjs-client');
constStomp = require('stompjs');
其实代码量并不多,只是简单的获得单播的消息
letstompClient = null;
letsocket = newSockJS(url);//开始连接服务端,在连接以后才可以订阅广播消息
stompClient = Stomp.over(socket);
stompClient.connect({}, function(frame) {
console.log('Connected: ' + frame); 获得连接状态和http版本(有没有都无所谓)
//开始订阅广播消息
stompClient.subscribe('/topic/listCoin', function(greeting) {
console.log(JSON.stringify(greeting.body)); //接收返回消息主体
});
});
前端实现只需要引用相关js文件