{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.manongdao.com/data/attach/logo/logo.png', '推荐 再贱就再见 的问题《How NodeJS and Socket.IO serve socket.io.js》','https://www.manongdao.com/q-671089.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
I was learning NodeJS and Socket.IO via following code from a book(Learning Node). The example worked. But I want to know how the node is serving the socket.io.js file in the statment <script src="/socket.io/socket.io.js"></script> Because there is no folder named socket.io in the project root and I don't have any code written to server static file. Is this done via Socket.IO module? Will it conflict if I use express to serve static files?
Client Side code
<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>
server side code
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});
}
});
});
After some reading I got the explanation
In the server application, when the HTTP web server was created, it was passed to the Socket.IO’s listen event:
What happens is that Socket.IO intercepts requests sent to the web server and listens for requests for:
Socket.IO does a clever bit of behind-the-scenes finagling that determines what’s re- turned in the response. If the client supports WebSockets, the JavaScript file returned is one that uses WebSockets to implement the client connection. If the client doesn’t support WebSockets, but does support Forever iFrame (IE9), it returns that particular JavaScript client code, and so on.