1

我正在尝试使用 socket.io 和 express 获得一个示例客户端连接（具体来说，这个：http ://www.catonmat.net/blog/nodejs-modules-socketio/ 以及https上其他示例中的一些片段://github.com/LearnBoost/socket.io/blob/master/examples/chat/app.js）。

我已经完成了大部分的设置和工作——服务器运行，我可以点击 / 将 index.jade 文件发送到浏览器。但是，一旦发生这种情况，它什么也不做。

服务器：

var io = require('socket.io');
var express = require('express')
, stylus = require('stylus')
, nib = require('nib');

var app = express.createServer()
var io = io.listen(app);

app.configure(function () {
  app.use(stylus.middleware({ src: __dirname + '/public', compile: compile }));
  app.use(express.static(__dirname + '/public'));
  app.set('views', __dirname);
  app.set('view engine', 'jade');

  function compile (str, path) {
    return stylus(str)
      .set('filename', path)
      .use(nib());
  };
});

app.get('/', function (req, res) {
  res.render('index', { layout: false });
});


app.listen(8080);

io.sockets.on('connection', function (socket) {
  console.log('A socket connected!');
  socket.emit('news', { hello: 'world' });
  socket.on('my other event', function (data) {
    console.log(data);
  });
  socket.on('disconnect', function () {
    console.log('user disconnected');
  });
});

index.jade:

doctype 5
html
  head
    link(href='/stylesheets/style.css', rel='stylesheet')
    script(src='http://code.jquery.com/jquery-1.6.1.min.js')
    script(src='/socket.io/socket.io.js')
    script
      // socket.io specific code
      var socket = io.connect('http://localhost:8080');
      socket.on('connect', function () {
        alert('connected');
      });
      socket.on('news', function (data) {
          console.log(data);
          socket.emit('my other event', { my: 'data' });
        });
  body
    #chat

看来服务器没有服务 /socket.io/socket.io.js （http://localhost:8080/socket.io/socket.io.js 产生错误）。我需要做什么才能获得快递服务该文件？我在任何示例中都找不到。

还有什么我做错了吗？

4

3 回答 3

10

将 Socket.IO与 Express 3 一起使用需要您实例化 ahttp.Server以将 socket.io 附加到：

var express = require('express')
  , http = require('http')
  , app = express()
  , server = http.createServer(app).listen(3000)
  , io = require('socket.io').listen(server)
  ;

这应该适合你。

于 2012-07-24T21:42:00.797 回答
2

将 Express 3 与 socket.io 一起使用的一些升级指南建议将 http.createServer 传递给 socket.io。

这可行，但似乎不能正确地提供 socket.io 客户端文件。经过一些测试，我发现如果你将 app.listen 返回的内容传递给 socket.io，它就可以工作：

var express = require('express'),
    app = express(),
    server = app.listen(3000),
    io = require('socket.io').listen(server);

一些回复的人请注意：这不是文件路径问题。当使用 node + socket.io http server socket.io 会自动拦截对“/socket.io/socket.io.js”的 get 调用并为您提供客户端文件。它实际上并不存在于 Web 文件结构中。使用 Express 3 时，此功能出现故障。

于 2013-01-17T00:54:42.410 回答
0

我假设错误是 404 - 您没有设置 ExpressJS 来提供静态文件。当您请求/socket.io/socket.io.js时，它没有找到路由，也没有提供静态文件，因此它返回 404。

通常，您需要设置一个用于提供静态文件的文件夹，例如public. 在其中，放置您的socket.io文件夹，然后在该socket.io.js文件中。然后，您将其添加到您的app.configure块中：

app.use(express.static(__dirname + '/public'));

现在 ExpressJS 知道在发出请求时提供 JS 文件。您可以在此处阅读有关 ExpressJS 静态配置的更多信息。

更新：
我的错误 - 我看到你已经设置了静态服务器。您的目录路径是否正确？socket.io文件夹在你的文件夹里吗public？如果没有看到您的具体错误，很难知道问题可能是什么。

于 2012-07-24T17:59:51.740 回答