web-dev-qa-db-ja.com

Socket.io接続はポーリングに戻り、「接続」ハンドラーを起動しません

Expressで既存のnode.jsアプリにsocket.ioを追加しようとしています。次のように、サーバー側にsocket.ioライブラリを追加しました( http://socket.io/get-started/chat/ の直後):

var express = require('express')
    , http = require('http')
    , path = require('path')
    , fs = require('fs');

var app = express();
var http = http.Server(app);
var io = require('socket.io')(http);

// Express settings [...]
// Express routes [...]

// Socket.io Communication
io.on('connection', function(socket) {
  console.log('a user connected');
});


// Start server
app.listen(config.port, function () {
  console.log('Express server listening on port %d in %s mode', config.port, app.get('env'));
});

現在、フロントエンドでは、単に接続を確立しています。

<script src="/socket.io/socket.io.js"></script>
<script>
  var io = io();
</script>

ただし、コンソールに「接続されているユーザー」と表示する代わりに、コンソールはポーリングの連続ストリームを記録します。私はwebsocketをサポートするMacでChromeの最新バージョンを使用しています。

GET /socket.io/?EIO=2&transport=polling&t=1402521519446-91 200 94ms - 6.96kb
GET /socket.io/?EIO=2&transport=polling&t=1402521519447-92 200 93ms - 6.96kb
GET /socket.io/?EIO=2&transport=polling&t=1402521519485-93 200 53ms - 6.96kb
GET /socket.io/?EIO=2&transport=polling&t=1402521519580-94 200 143ms - 6.96kb
GET /socket.io/?EIO=2&transport=polling&t=1402521519582-95 200 144ms - 6.96kb
GET /socket.io/?EIO=2&transport=polling&t=1402521519633-96 200 40ms - 6.96kb
GET /socket.io/?EIO=2&transport=polling&t=1402521519778-97 200 92ms - 6.96kb
GET /socket.io/?EIO=2&transport=polling&t=1402521519780-98 200 92ms - 6.96kb
GET /socket.io/?EIO=2&transport=polling&t=1402521519818-99 200 36ms - 6.96kb
GET /socket.io/?EIO=2&transport=polling&t=1402521519912-100 200 81ms - 6.96kb
[etc]

私は何か間違ったことをしているに違いありません。私はこれにかなり慣れていないので、正しい方向に向けられたいです。この質問の一部について詳しく説明する必要がある場合はお知らせください。

ありがとう! -エドワード

===========

編集:

現在使用しているエクスプレス設定は次のとおりです。私はまったく新しいノードアプリで同じ手順を試しましたが、うまくいくように見えたので、これが問題になるのではないかと思っています。

app.configure('development', function(){
    app.use(require('connect-livereload')());

    // Disable caching of scripts for easier testing
    app.use(function noCache(req, res, next) {
        if (req.url.indexOf('/scripts/') === 0) {
            res.header('Cache-Control', 'no-cache, no-store, must-revalidate');
            res.header('Pragma', 'no-cache');
            res.header('Expires', 0);
        }
        next();
    });

    app.use(express.bodyParser({limit: '50mb'})); // increase limit for audio recordings
    app.use(express.static(path.join(config.root, '.tmp')));
    app.use(express.static(path.join(config.root, 'app')));
    app.use(express.errorHandler());
    app.use(express.logger('dev'));

    util.logger.add(loggly, { 
        [...Credentials...]
    });
    app.set('views', config.root + '/app/views');
});
23
Edward Sun

私は同じ問題を抱えており、それを解決する方法はこれを置き換えることでした

// Start server
app.listen(config.port, function () {
    console.log('Express server listening on port %d in %s mode', config.port, app.get('env'));
});

これとともに:

// Start server
http.listen(config.port, function () {
    console.log('Express server listening on port %d in %s mode', config.port, app.get('env'));
});

この投稿はその理由を説明しています: https://stackoverflow.com/a/17697134/15151

31
Toni