Skip to content

webSocket(即时通讯)

  • 前端实现页面

即时通讯前端实现页面

前端

Install

js
npm install --save reconnecting-websocket

配置

js
VUE_APP_BASE_WSS = 'ws://java.boot.test.jnpf.work/websocket'
WebSocketUrl: process.env.NODE_ENV === 'development' ? APIURl.replace('http', 'ws') + '/api/message/websocket' : process.env.VUE_APP_BASE_WSS,

建立websocket 连接

js
import ReconnectingWebSocket from 'reconnecting-websocket';
this.socket = new ReconnectingWebSocket(this.define.WebSocketUrl);

后端

代码位置

websocket后端代码位置