【问题标题】:Socket.io 1.0 + express 4.2 = no socket connectionSocket.io 1.0 + express 4.2 = 无套接字连接
【发布时间】:2014-08-05 00:37:51
【问题描述】:

如标题所述,我正在尝试将 socket.io 1.0.4 与 express 4.2 一起使用,并且所有 /?EIO 请求都返回 404。

下面是我的文件:

./bin/www :

#!/usr/bin/env node
var debug = require('debug')('generated-express-app');
var app = require('../app');

app.set('port', process.env.PORT || 3000);

var server = app.listen(app.get('port'), function() {
  debug('Express server listening on port ' + server.address().port);
});

./app.js:

var express = require('express');
var path = require('path');
var favicon = require('static-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');

var app = express();


// Extras para Socket.io
// var server = require('http').Server(app);
// var io = require('socket.io')(server);

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');

app.use(favicon());
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded());
app.use(cookieParser());
app.use(require('less-middleware')(path.join(__dirname, 'public')));
app.use(express.static(path.join(__dirname, 'public')));

// Requests

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

// Socket requests
//
//io.on('connection', function (socket) {
//    socket.emit('news', { hello: 'world' });
//    socket.on('my other event', function (data) {
//        console.log(data);
//    });
//});

/// catch 404 and forward to error handler
app.use(function(req, res, next) {
    var err = new Error('Not Found');
    err.status = 404;
    next(err);
});

/// error handlers

// development error handler
// will print stacktrace
if (app.get('env') === 'development') {
    app.use(function(err, req, res, next) {
        res.status(err.status || 500);
        res.render('error', {
            message: err.message,
            error: err
        });
    });
}

// production error handler
// no stacktraces leaked to user
app.use(function(err, req, res, next) {
    res.status(err.status || 500);
    res.render('error', {
        message: err.message,
        error: {}
    });
});

module.exports = app;

var server = require('http').createServer(app);
server.listen(app.get('port'), function(){
    console.log('Express listening on port ' + app.get('port'));
});

var io = require('socket.io').listen(server);

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

【问题讨论】:

    标签: javascript node.js express socket.io


    【解决方案1】:

    我对我的文件进行了更多的摆弄,并让它工作,这是我如何让它工作的:

    ./bin/www :需要保留require app.js,否则不起作用。

    #!/usr/bin/env node
    //var debug = require('debug')('generated-express-app');
    var app = require('../app');
    
    //app.set('port', process.env.PORT || 3000);
    //
    //var server = app.listen(app.get('port'), function() {
    //  debug('Express server listening on port ' + server.address().port);
    //});
    //
    //var io = require('socket.io').listen(server);
    //
    //io.sockets.on('connection', function (socket) {
    //    socket.emit('news', { hello: 'world' });
    //    socket.on('my other event', function (data) {
    //        console.log(data);
    //    });
    //});
    

    ./app.js : www 上的所有内容都放在这里,在最后一次导出之前。

    var express = require('express');
    var path = require('path');
    var favicon = require('static-favicon');
    var logger = require('morgan');
    var cookieParser = require('cookie-parser');
    var bodyParser = require('body-parser');
    
    var app = express();
    
    
    // Extras para Socket.io
    // var server = require('http').Server(app);
    // var io = require('socket.io')(server);
    
    // view engine setup
    app.set('views', path.join(__dirname, 'views'));
    app.set('view engine', 'jade');
    
    app.use(favicon());
    app.use(logger('dev'));
    app.use(bodyParser.json());
    app.use(bodyParser.urlencoded());
    app.use(cookieParser());
    app.use(require('less-middleware')(path.join(__dirname, 'public')));
    app.use(express.static(path.join(__dirname, 'public')));
    
    // Requests
    
    app.get('/', function (req, res) {
        res.render('index', { title: 'Express' });
    });
    
    // Socket requests
    //
    //io.on('connection', function (socket) {
    //    socket.emit('news', { hello: 'world' });
    //    socket.on('my other event', function (data) {
    //        console.log(data);
    //    });
    //});
    
    /// catch 404 and forward to error handler
    app.use(function(req, res, next) {
        var err = new Error('Not Found');
        err.status = 404;
        next(err);
    });
    
    /// error handlers
    
    // development error handler
    // will print stacktrace
    if (app.get('env') === 'development') {
        app.use(function(err, req, res, next) {
            res.status(err.status || 500);
            res.render('error', {
                message: err.message,
                error: err
            });
        });
    }
    
    // production error handler
    // no stacktraces leaked to user
    app.use(function(err, req, res, next) {
        res.status(err.status || 500);
        res.render('error', {
            message: err.message,
            error: {}
        });
    });
    
    var debug = require('debug')('generated-express-app');
    //var app = require('../app');
    
    app.set('port', process.env.PORT || 3000);
    
    var server = app.listen(app.get('port'), function() {
        debug('Express server listening on port ' + server.address().port);
    });
    
    var io = require('socket.io').listen(server);
    
    io.sockets.on('connection', function (socket) {
        socket.emit('news', { hello: 'world' });
        socket.on('my other event', function (data) {
            console.log(data);
        });
    });
    
    module.exports = app;
    

    我使用 express 生成器生成项目,禁用了路由,因为 Socket.io 似乎不支持 express 路由。

    【讨论】:

    • 谢谢 - 经过数小时的搜索找到了这个,它解决了我的问题。 express 4 开箱即用,这是让 socket.io 1.1 工作的唯一方法。
    • 非常感谢,我也花了几个小时找出问题所在。它一直是 /bin/www 文件夹。
    • 我使用 Angular 作为模板,所以我不需要任何服务器模板语言。有没有办法禁用jade,使用纯html?
    • 为什么我们不能将 app 传递给 socket io,例如? var io = require('socket.io').listen(app)
    【解决方案2】:

    所以,一年后,以及后来更多的节点研究,我发现之前的答案相当不完整,并且可能导致 express 的次优使用。这是使用 Node + Express + Socket.io 没有问题的更正确方法:

    /bin/www.js上,将var http = require('http');替换为var server = require('http').Server(app);,并删除var server = http.createServer(app);

    就是这样......正常使用您的路线,在任何地方聊天,不再有问题。

    注意:我保留了未编辑的旧响应以保留 cmets 和此类相关和上下文。

    【讨论】:

    • 您能否详细说明一下这个答案?做了这些改变之后,你还会做什么?您最终在哪里添加 socket.io 路由?
    • 套接字不使用路由...它通过主循环上的事件连接。明天我会做一个简单的例子,并将其添加到响应中,好吗?
    • 嘿,@joaoBeno 你能举个例子吗?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-01-19
    • 1970-01-01
    • 2012-02-05
    • 2015-11-23
    • 1970-01-01
    相关资源
    最近更新 更多