Socket.io 1.0 + express 4.2 = 无套接字连接

Posted 2023-03-07

【中文标题】Socket.io 1.0 + express 4.2 = 无套接字连接

【英文标题】：Socket.io 1.0 + express 4.2 = no socket connection

【发布时间】：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);
    );
);

【参考方案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？

@Akxe，试过***.com/questions/7520541/…

为什么我们不能将 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 你能举个例子吗？