websocket结合node.js实现双向通信的示例代码

var ws = new WebSocket("ws://localhost:8181");

// 指定连接成功后的回调函数
ws.onopen = function() {  
// 向服务器发送数据，数据类型包括文本类型/blob对象/ArrayBuffer对象
  ws.send("Hello WebSockets!"); 
};

// 指定收到服务端数据后的回调函数
(注意：返回数据可能是文本，也可能是二进制数据（blob对象或Arraybuffer对象）)
ws.onmessage = function(e) {
  console.log( "收到服务端信息: " + e.data);
  ws.close(); // 关闭websocket连接方法
};

// 指定连接关闭后的回调函数
ws.onclose = function() {
  console.log("连接已关闭");
};    

npm i nodejs-websocket

export default {
  mounted () {
    this.contactSocket()
  },
  methods: {
    contactSocket () {
      if (window.WebSocket) {
        const ws = new WebSocket('ws://192.168.1.124:8181')
        ws.onopen = function () {
          console.log('连接服务器成功')
          ws.socket.send('你好服务器')
        }
        ws.onmessage = function (e) {
          alert(e.data)
        }
        ws.onclose = function () {
          console.log('连接已关闭')
        }
      } else {
        console.log('当前浏览器不支持WebSocket！')
      }
    }
  }
}

const ws = require('nodejs-websocket')
ws.createServer(function (conn) {
    conn.on('text', function (data) { // 收到客户端数据的回调方法 
        conn.sendText(data) // 把客服端发送过来的信息再发回去
    })
    conn.on('close', function (e) { // 关闭服务器的回调方法
        console.log(e, '服务端连接关闭')
    })
    conn.on('error', function (e) { // 服务端连接异常的回调方法
        console.log(e, '服务端异常')
    })
}).listen(8181) // 监听8181端口，跟客户端连接端口对应
console.log('服务端已开启')