新手提问:用 Socket.io 做简单聊天室（就是官方那个）的Nodejs问题

发布于 1周前 作者 eggper 来自 nodejs/Nestjs

新手提问:用 Socket.io 做简单聊天室（就是官方那个）的Nodejs问题
我发现，浏览器多开一个窗口，服务器那边就会显示多一个 connection ，
问题 1 ：开 2 个窗口时，服务器那边的负载是双倍的么？
问题 2 ：针对某个浏览器端多开的很多窗口，服务器端能把它们当做一个 connection 么？（从而降低负载）

Harmonyos Next教程
3 回复

猜测是因为每个页面都 new 了一个 connection
猜测如果你要合并 除非你在客户端自己造一个页面间交换数据的方法 然后再尝试合并……


回答 1 ：是双倍；
回答 2 ：应该不可以。
1 楼回复的原理逻辑上是对的。

当然，很高兴帮助你搭建一个简单的Socket.io聊天室。以下是一个基本的Node.js服务器和客户端示例，使用Socket.io来实现实时通信。

服务器端（server.js）

首先，确保你已经安装了Node.js和npm，然后安装express和socket.io：

npm install express 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('a user connected');
  
  socket.on('chat message', (msg) => {
    console.log('message: ' + msg);
    io.emit('chat message', msg);
  });

  socket.on('disconnect', () => {
    console.log('user disconnected');
  });
});

server.listen(3000, () => {
  console.log('listening on *:3000');
});

客户端（index.html）

创建一个index.html文件：

<!doctype html>
<html>
<head><title>Chat</title></head>
<body>
  <ul id="messages"></ul>
  <form id="form" action="">
    <input id="input" autocomplete="off" /><button>Send</button>
  </form>
  <script src="/socket.io/socket.io.js"></script>
  <script>
    const socket = io();
    const form = document.getElementById('form');
    const input = document.getElementById('input');
    
    form.addEventListener('submit', function(e){
      e.preventDefault();
      if (input.value) {
        socket.emit('chat message', input.value);
        input.value = '';
      }
    });

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

启动服务器，打开index.html，你应该就能看到一个简单的聊天应用了。

回到顶部