websocket 双向通讯

初始化 node

下载 安装ws npm install --save ws

基于ws 模块创建一个 websocket 服务

1. 引入ws

const WebSocket = require("ws");

2. 通过new WebSocket.server()创建服务

const wss = new WebSocket.server({
  port:3000;//表示在3000端口上
})

3. 监听 客户端的链接

wss.on("connection",socket =>{
//connection 客户端访问事件,//socket 客户端链接的实例对象
console.log("有客户端链接进来了");
// 通过send()方法给客户端发送消息
 socket.send("欢迎你,xxx");
// 通过message 事件来接收到客户端主动发送过来的数据//message文件接收事件
socket.on("message",message => {
console.log(message);
//第二个参数是传递过来的数据
})
})

在 html 页面的操作

<div>webscoket</div>

    <button id="btn">点我，给服务端发送消息</button>

  

script 中

1. 创建链接,并且创建 WebSocket 的实例socket

const socket = new WebSocket('ws://localhost:3000');

2. 监听 message 事件 来接收消息

socket.onmessage = function(event){
 //event.data 就是服务端发过来的消息内容
console.log(event.data);
}

3. 给服务端主动发送消息
   document.getElementById('btn').onclick = function(){
   socket.send("来了,老弟")
   }