Question

我通过以下代码（学习节点）学习NodeJS和Socket.IO。这个例子很有效。但我想知道节点如何在语句<script src="/socket.io/socket.io.js"></script>中提供 socket.io.js 文件，因为项目根目录中没有名为socket.io的文件夹而我没有有任何代码写入服务器静态文件。这是通过Socket.IO模块完成的吗？如果我使用express来提供静态文件会有冲突吗？

客户端代码

<html lang="en">
<head>
<meta charset="utf-8">
<title>bi-directional communication</title>
<script src="/socket.io/socket.io.js"></script>
<script>
    var socket = io.connect('http://localhost:8124');
    socket.on('news', function (data) {
        var html = '<p>' + data.news + '</p>';
        document.getElementById("output").innerHTML=html;
        socket.emit('echo', { back: data.news });
    });
</script>
</head>
<body>
    <div id="output"></div>
</body>
</html>

服务器端代码

var app = require('http').createServer(handler)
, io = require('socket.io').listen(app)
, fs = require('fs')

var counter;
app.listen(8124);

function handler (req, res) {
    fs.readFile(__dirname + '/index.html',
    function (err, data) {
        if (err) {
            res.writeHead(500);
            return res.end('Error loading index.html');
        }
        counter = 1;
        res.writeHead(200);
        res.end(data);
    });
}

io.sockets.on('connection', function (socket) {
    socket.emit('news', { news: 'world' });
    socket.on('echo', function (data) {
        if (counter <= 50) {
            counter++;
            console.log(data.back);
            socket.emit('news', {news: data.back});
        }
    });
});

Answer 1

经过一番阅读后，我得到了解释

在服务器应用程序中，创建HTTP Web服务器时，它已传递给 Socket.IO的监听事件：

var app = require('http').createServer(handler)
, io = require('socket.io').listen(app)

Socket.IO拦截发送到Web服务器并侦听的请求请求：

/socket.io/socket.io.js

Socket.IO做了一个巧妙的幕后故事，确定了什么是转过身来。如果客户端支持WebSockets，则返回JavaScript文件是一个使用WebSockets实现客户端连接的人。如果客户没有支持WebSockets，但支持Forever iFrame（IE9），它返回该特定内容 JavaScript客户端代码，依此类推。

NodeJS和Socket.IO如何为socket.io.js提供服务

1 个答案: