websocket.js
1.7 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
const VueWebsocket = {
wsuri: '',
serverPort: '9001',
sid: '',
/**
* 前后端消息定制的协议为JSON字符窜格式
* 下面是经过json转换收到的消息,重新赋值的
* 格式样例为:msgJson:{
* message:socketMessage,
* status: socketStatus,
* data: socketDataList
* .....
* }
*/
socketMessage: '',
socketStatus: '',
socketDataList: '',
msgJson: '',
websocket: undefined,
// eslint-disable-next-line no-console
onmessage: function (event) {console.log(event.data)},
// eslint-disable-next-line no-console
onclose: function (event) {console.log("websocket链接已关闭")},
// eslint-disable-next-line no-console
onopen: function (event) {console.log("websocket链接已链接")},
// eslint-disable-next-line no-console
onerror: function (event) {console.log("websocket链接失败,请检查URL")},
// eslint-disable-next-line no-console
send: function(message){console.log("已发送消息")},
getWebIP: function () {
var curIP = window.location.hostname;
return curIP;
},
init: function () {
this.sid= sessionStorage.getItem('token');
this.wsuri = "ws://" + '192.168.1.17'+ ":" + this.serverPort + "/websocket/" + this.sid;
if(this.sid!== ''){
this.websocket = new WebSocket(this.wsuri);
this.websocket.onmessage = this.onmessage;
this.websocket.onclose = this.onclose;
this.websocket.onopen = this.onopen;
this.websocket.onerror = this.onerror;
this.websocket.send = this.send;
}
}
}
export default VueWebsocket;