Nodejs实时双向通信插件node-engine.io的使用

Nodejs实时双向通信插件node-engine.io的使用
engine.io 是一个用于实现实时双向通信的库，通常与 socket.io 一起使用。然而，你提到的是 node-engine.io，这可能是一个误解或误述。通常我们会直接使用 engine.io 或 socket.io 来实现这个功能。

这里我将提供一个使用 engine.io 的简单示例，如果你确实需要使用 node-engine.io 请提供更多信息以便我能更准确地帮助你。

使用 engine.io 实现实时双向通信

安装依赖

首先，你需要安装 engine.io 和 engine.io-client：

npm install engine.io engine.io-client

服务器端代码

创建一个文件 server.js，内容如下：

const engine = require('engine.io');

const server = engine.listen(8080);
server.on('connection', (socket) => {
    console.log('New client connected');
    
    socket.on('message', (data) => {
        console.log('Message from client:', data);
        socket.send(`Server received: ${data}`);
    });

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

这段代码创建了一个简单的 engine.io 服务器，监听在 8080 端口上。每当有新的客户端连接时，它会打印一条消息，并且当接收到客户端的消息时，它会向客户端发送回一条消息。

客户端代码

创建一个 HTML 文件 index.html，内容如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Engine.IO Client</title>
</head>
<body>
    <script src="/socket.io/socket.io.js"></script>
    <script>
        const socket = engine.io.connect('http://localhost:8080');

        socket.on('connect', () => {
            console.log('Connected to server');
            socket.send('Hello Server!');
        });

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

        socket.on('disconnect', () => {
            console.log('Disconnected from server');
        });
    </script>
</body>
</html>

请注意，上述客户端代码中使用了 engine.io-client 库，你需要确保它被正确加载。如果你使用的是本地开发环境，你可以直接从 node_modules/engine.io-client/dist 目录复制 engine.io.js 文件到你的项目目录中，然后像上面那样引用它。

启动服务器

运行你的服务器：

node server.js

然后打开浏览器访问 index.html 文件，你应该能在控制台看到客户端和服务器之间的通信信息。

这就是如何使用 engine.io 实现实时双向通信的一个基本示例。如果你确实需要使用 node-engine.io 请提供更多详细信息，以便我能提供更具体的指导。


3 回复

当然，Node.js中的engine.io是实现实时双向通信的一个强大工具。虽然你可能打错了名字，应该是socket.io，但我会用engine.io来解释。

首先，你需要安装engine.io库。打开你的终端，运行：

npm install engine.io

然后，在你的服务器文件中，比如server.js，你可以这样设置：

const engine = require('engine.io');

let server = engine.listen(8000);
console.log('Server is listening on port 8000');

server.on('connection', function(socket){
    console.log('A client just connected!');
    
    // 发送消息给客户端
    socket.send('欢迎来到实时世界！');
    
    // 接收来自客户端的消息
    socket.on('message', function(msg){
        console.log('Received: ' + msg);
    });
});

这只是一个基本示例，展示了如何建立连接、发送和接收消息。要让客户端与服务器进行交互，你需要在客户端使用engine.io-client库，它允许浏览器端与服务器进行通信。

希望这个简短的介绍对你有所帮助！如果你需要更深入的学习，可以查看官方文档。


socket.io 是一个广泛使用的 Node.js 实时通信库，它允许您轻松地实现服务器与客户端之间的双向通信。下面是一个简单的示例，展示如何使用 socket.io 创建一个基本的实时通信应用。

1. 安装 socket.io

首先，你需要安装 socket.io 及其客户端库。你可以使用 npm 来安装：

npm install socket.io

对于客户端，你可以在 HTML 文件中直接通过 CDN 引入 socket.io 客户端库：

<script src="https://cdn.socket.io/4.0.0/socket.io.min.js"></script>

或者安装到项目中：

npm install socket.io-client

2. 服务端设置

创建一个名为 server.js 的文件，并编写以下代码来初始化一个简单的 socket.io 服务器：

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

// 初始化 Express 应用
const app = express();
const server = http.createServer(app);

// 初始化 Socket.IO
const io = socketIo(server);

app.get('/', (req, res) => {
    res.sendFile(__dirname + '/index.html');
});

io.on('connection', (socket) => {
    console.log('A user connected:', socket.id);

    // 接收客户端消息
    socket.on('chat message', (msg) => {
        console.log('message: ' + msg);
        // 向所有连接的客户端广播此消息
        io.emit('chat message', msg);
    });

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

server.listen(3000, () => {
    console.log('Listening on port 3000');
});

这段代码首先设置了 Express 服务器，并将 socket.io 连接到该服务器上。当客户端连接时，它监听两种事件：‘chat message’（聊天消息）和’disconnect’（断开连接）。当接收到 ‘chat message’ 事件时，它会向所有客户端广播这个消息。

3. 客户端设置

在同一目录下创建一个名为 index.html 的文件，并添加以下内容：

<!DOCTYPE html>
<html>
<head>
    <title>Socket.IO chat</title>
    <script src="/socket.io/socket.io.js"></script>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
    <ul id="messages"></ul>
    <form action="">
        <input id="m" autocomplete="off"/><button>Send</button>
    </form>
    <script>
        var socket = io();
        $('form').submit(function(e){
            e.preventDefault(); // 阻止表单默认提交行为
            socket.emit('chat message', $('#m').val());
            $('#m').val('');
            return false;
        });
        socket.on('chat message', function(msg){
            $('#messages').append($('<li>').text(msg));
        });
    </script>
</body>
</html>

这段 HTML 代码创建了一个简单的聊天界面，用户可以输入文本并发送。客户端通过 socket.io 连接到服务器，并在接收到 ‘chat message’ 事件时更新页面上的聊天记录。

运行你的服务器 (node server.js)，然后在浏览器中打开 http://localhost:3000 即可看到效果。

node-engine.io似乎是一个笔误，正确的库名应该是socket.io。使用socket.io可以实现Node.js中的实时双向通信。

  1. 安装：npm install socket.io
  2. 服务器端：
    const io = require('socket.io')(server);
io.on('connection', (socket) => {
  console.log('A user connected');
  socket.on('disconnect', () => console.log('User disconnected'));
});
  3. 客户端：
    <script src="/socket.io/socket.io.js"></script>
<script>
  var socket = io();
  socket.on('connect', function() {
    console.log('Connected!');
  });
</script>

这将允许服务器和客户端之间进行实时通信。

回到顶部