node.js制作简单聊天室

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时环境，它允许开发者使用 JavaScript 编写服务器端的应用程序。使用 Node.js 制作一个简单的聊天室是一个很好的练习项目，可以帮助你理解实时通信和事件驱动编程的概念。

基础概念

事件驱动和非阻塞 I/O：Node.js 使用事件循环来处理异步操作，这使得它能够高效地处理大量并发连接。
WebSocket：WebSocket 是一种网络通信协议，它允许在客户端和服务器之间进行全双工通信，非常适合实时聊天应用。
Socket.IO：这是一个库，它使得在浏览器和服务器之间使用 WebSocket 变得简单，并且提供了回退机制，以便在不支持 WebSocket 的环境中使用长轮询等其他技术。

类型

单页应用（SPA）聊天室：所有交互都在客户端完成，服务器仅负责推送消息。
传统多页应用聊天室：每次交互可能需要重新加载页面。

应用场景

在线客服系统
社区论坛的实时讨论区
在线协作工具

示例代码

以下是一个使用 Node.js 和 Socket.IO 创建简单聊天室的基本示例：

服务器端代码（server.js）：

const express = require('express');
const http = require('http');
const socketIo = require('socket.io');

const app = express();
const server = http.createServer(app);
const io = socketIo(server);

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

  socket.on('chat message', (msg) => {
    io.emit('chat message', msg); // 广播消息给所有连接的客户端
  });

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

server.listen(3000, () => {
  console.log('监听端口 3000');
});

客户端代码（index.html）：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>简单聊天室</title>
</head>
<body>
  <ul id="messages"></ul>
  <form id="chatForm">
    <input id="messageInput" autocomplete="off" /><button>发送</button>
  </form>

  <script src="/socket.io/socket.io.js"></script>
  <script>
    const socket = io();

    document.getElementById('chatForm').addEventListener('submit', (e) => {
      e.preventDefault();
      const input = document.getElementById('messageInput');
      socket.emit('chat message', input.value);
      input.value = '';
    });

    socket.on('chat message', (msg) => {
      const li = document.createElement('li');
      li.textContent = msg;
      document.getElementById('messages').appendChild(li);
    });
  </script>
</body>
</html>