vue环境websocket选型

websocket服务端

GOLANG

vue环境websocket客户端选型

• socket.io

• vue-native-websocket

• ReconnectingWebsocket

• reconnecting-websocket

• 自研

ReconnectingWebsocket用法

1. 安装npm依赖

   npm i reconnectingwebsocket

2. import ReconnectingWebSocket

   import ReconnectingWebSocket from 'ReconnectingWebSocket'

3. 初始化websocket连接实例

   var socket = new ReconnectingWebSocket('ws://139.196.59.97:8090/v1/push/ai/face_recognize_results?authorization=eBJST96N2j2k8ekujcJ1ALe1twWW%2B0aVziqMPwunZELGZUxEnJcLrsJNP%2BKaB9lEooV7B2XGZAyDCPBk%2FY9LPM7f%2B2Y%2Bll%2F7osgtlHJViPo%3D', null, {debug: true, reconnectInterval: 3000});
   

4. 监听websocket事件

   socket.addEventListener('open', () => {
   	console.log("open socket")
   });
   socket.addEventListener('message', (data) => {
   	console.log("get message:"+JSON.stringify(data))
   });
   socket.addEventListener('close', (data) => {
   	console.log("socket closed:"+ data)
   });
   socket.addEventListener('error', (data) => {
   	console.log("get error:"+data)
   });
   

来源：oschina

链接：https://my.oschina.net/odetteisgorgeous/blog/4710965