一尘不染

最简单的Socket.io示例的示例是什么？

node.js

因此，我最近一直在尝试了解Socket.io，但是我不是一个非常出色的程序员，并且几乎可以在网络上找到的每个示例（相信我已经花了数小时的时间）都包含使事情变得复杂的额外内容。许多示例都会使我感到困惑，或者连接到一些奇怪的数据库，或者使用coffeescript或大量的JS库将事情弄乱了。

我很乐意看到一个基本的，可以正常运行的示例，其中服务器仅每10秒向客户端发送一条消息，说明现在几点，然后客户端将该数据写入页面或引发警报，这很简单。然后，我可以从那里弄清楚事情，添加数据库连接之类的我需要的东西。是的，我已经检查了socket.io网站上的示例，但它们对我不起作用，我也不知道它们在做什么。

阅读 258

2020-07-07

共1个答案

一尘不染

编辑： 我觉得最好所有人参考Socket.IO入门页面上的出色聊天示例。自从我提供了这个答案以来，API已经被简化了。话虽如此，这是针对较新API的原始答案已更新的大小。

只是因为我今天感觉很好：

index.html

<!doctype html>
<html>
    <head>
        <script src='/socket.io/socket.io.js'></script>
        <script>
            var socket = io();

            socket.on('welcome', function(data) {
                addMessage(data.message);

                // Respond with a message including this clients' id sent from the server
                socket.emit('i am client', {data: 'foo!', id: data.id});
            });
            socket.on('time', function(data) {
                addMessage(data.time);
            });
            socket.on('error', console.error.bind(console));
            socket.on('message', console.log.bind(console));

            function addMessage(message) {
                var text = document.createTextNode(message),
                    el = document.createElement('li'),
                    messages = document.getElementById('messages');

                el.appendChild(text);
                messages.appendChild(el);
            }
        </script>
    </head>
    <body>
        <ul id='messages'></ul>
    </body>
</html>

app.js

var http = require('http'),
    fs = require('fs'),
    // NEVER use a Sync function except at start-up!
    index = fs.readFileSync(__dirname + '/index.html');

// Send index.html to all requests
var app = http.createServer(function(req, res) {
    res.writeHead(200, {'Content-Type': 'text/html'});
    res.end(index);
});

// Socket.io server listens to our app
var io = require('socket.io').listen(app);

// Send current time to all connected clients
function sendTime() {
    io.emit('time', { time: new Date().toJSON() });
}

// Send current time every 10 secs
setInterval(sendTime, 10000);

// Emit welcome message on connection
io.on('connection', function(socket) {
    // Use socket to communicate with this particular client only, sending it it's own id
    socket.emit('welcome', { message: 'Welcome!', id: socket.id });

    socket.on('i am client', console.log);
});

app.listen(3000);

2020-07-07