Html NODEJS websocket引用

想用HTML和NODEJS做一个简单的服务器端 随时接收2555端口客户端发来的数据

看网上说用websocket可以实现 我是创建了一个WeBDATA的文件夹然后在文件夹下面创建了一个WebData.js 和WebData.html

想知道websocket模块要怎么引用进来网上说的步骤都跟着做了 但是运行的时候总是提示模块不存在 ==。

你需要截个图看看报错的提示，不然不知道具体的错误原因。不过查了下，一般的操作是这样的。

客户端 HTML内的Websocket连接

var ws = new WebSocket('ws://localhost:2555');
// 获取连接状态
console.log('ws连接状态：' + ws.readyState);
//监听是否连接成功
ws.onopen = function () {
    console.log('ws连接状态：' + ws.readyState);
    //连接成功则发送一个数据
    ws.send('test1');
}
// 接听服务器发回的信息并处理展示
ws.onmessage = function (data) {
    console.log('接收到来自服务器的消息：');
    console.log(data);
}
// 监听连接关闭事件
ws.onclose = function () {
    // 监听整个过程中websocket的状态
    console.log('ws连接状态：' + ws.readyState);
}
// 监听并处理error事件
ws.onerror = function (error) {
    console.log(error);
}

Node.js的服务器端

使用 Node.js 的内置模块 ws 并创建一个 HTTP 服务器。

首先，你需要安装 ws 模块，可以使用以下命令安装：

npm init
npm install --save ws

然后，你可以使用以下代码创建一个 WebSocket 服务器：

const WebSocket = require('ws');

const wss = new WebSocket.Server({ port: 2555});

wss.on('connection', function connection(ws) {
  ws.on('message', function incoming(message) {
    console.log('received: ', message);
  });

  ws.send('something');
});

这个 WebSocket 服务器将在本地的 2555 端口监听连接请求。当一个客户端连接到服务器时，服务器会触发 connection 事件并传入一个 ws 对象，你可以使用这个对象来给客户端发送消息或处理客户端发来的消息。

你可以使用 ws.send() 方法向客户端发送消息，使用 ws.on('message', callback) 监听客户端发来的消息，在回调函数中处理消息。