Node.js websocket使用socket.io库实现实时聊天室

我很乐意为您讲解“Node.js websocket使用socket.io库实现实时聊天室”的完整攻略。

1. Node.js安装

首先，我们需要在本地环境安装Node.js，Node.js是使用JavaScript开发服务器端应用程序的自由和开源的跨平台JavaScript运行环境。具体的安装方法可以在Node.js官网（https://nodejs.org/）上找到，根据不同的操作系统和版本进行下载并安装。

2. 创建一个空项目

我们需要在本地创建一个空项目，使用以下命令：

mkdir chat-room
cd chat-room
npm init -y

这些命令将创建一个名为“chat-room”的文件夹，并在里面初始化一个空项目。

3. 安装socket.io库

接下来我们需要安装socket.io库，它是一个实现websocket协议的JavaScript库，可以使用以下命令进行安装：

npm i socket.io --save

4. 实现聊天室

现在我们可以实现一个简单的聊天室，使用以下代码：

const http = require('http');
const socketIO = require('socket.io');

const server = http.createServer((req, res) => {
  res.writeHead(200, {'Content-Type': 'text/html; charset=utf-8'});
  res.end('聊天室服务已经启动');
});

server.listen(3000, () => {
  console.log('服务已经启动');
});

const io = socketIO(server);

io.on('connection', (socket) => {
  console.log('一个用户连接了');

  socket.on('message', (data) => {
    console.log(data);
    io.emit('message', data);
  });

  socket.on('disconnect', () => {
    console.log('一个用户断开了连接');
  });
});

在这段代码中，我们首先创建一个HTTP服务器，并使用socket.io库创建一个websocket服务器，然后监听“connection”事件，当一个客户端连接成功时，我们就可以监听这个客户端发送过来的消息，在相应的事件回调函数中添加处理逻辑。

客户端可以使用以下代码连接聊天室服务器：

<script src="https://cdn.socket.io/socket.io-3.1.1.js"></script>
<script>
  const socket = io('http://localhost:3000');

  socket.on('connect', () => {
    console.log('连接成功');
  });

  socket.on('message', (data) => {
    console.log(data);
  });

  function sendMessage() {
    const message = document.getElementById('messageInput').value;
    socket.send(message);
  }
</script>

<input type="text" id="messageInput"/>
<button onclick="sendMessage()">发送</button>

在这段客户端代码中，我们引入了socket.io.js文件，并使用io()函数连接聊天室服务器，在连接成功后，我们可以监听“message”事件，接收服务器发送过来的消息，在用户输入完消息后，可以调用socket.send()函数向服务器发送消息。

示例1：

以下是一个简单的聊天室示例：https://github.com/socketio/chat-example

示例2：

以下是一个socket.io实现的即时白板：https://github.com/sahat/drawingboard.js