2

I have created simple chat application using node.js + socket.io. When I try to run it, it does not run as expected: it is continually sending requests from the client. I have configured setting of transports: ['jsonp-polling', 'xhr-polling'] in both (client/sever) side. I tried setting ['close timeout': 10], but this did not change anything. I don't understand what is happening here.

I think my connection in broken, as I see in the log file (at the end).

following is the my code :

server side : app.js ~~~~~~~~~~~~~~~~~~~~

var sio = require('socket.io');
var io = sio.listen(app)

io.configure(function () {
    io.enable('browser client minification'); 
    io.enable('browser client etag');         
    io.enable('browser client gzip');         
    io.set('log level', 3);
});

io.on('connection', function (client) {
    client.on('message', function (msg) {
        socket.broadcast(msg);
    });
    client.on('disconnect', function () {
    });
});

client side : index.html ~~~~~~~~~~~~~~~~~~~~~~~~

<!DOCTYPE html>
<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
        <script src="http://cdn.socket.io/stable/socket.io.js"></script>
        <script>
            $(document).ready(function () {
                var socket = new io.Socket("localhost", {port: 8080});

                socket.on('connect', function () {
                    socket.send('A client connected.');
                });
                socket.on('message', function (message) {
                    $('div#messages').append($('<p>'), message);
                });
                socket.on('disconnect', function () {
                    console.log('disconnected');
                });
                socket.connect();

                $('input').keydown(function (event) {
                    if(event.keyCode === 13) {
                        socket.send($('input').val());
                        $('input').val('');
                    }
                });
            });
        </script>
    </head>
    <body>
        <input type="text" style="width: 300px;" />
        <div id="messages" style="border:solid 1px #000;">&nbsp;</div>
    </body>
</html>

Here is the log file:

debug: client authorized
info: handshake authorized U1Y79P8WLaMz_UWoiKTc
debug: setting request GET /socket.io/1/xhr-polling/U1Y79P8WLaMz_UWoiKTc?t=1345273505128
debug: setting poll timeout
debug: client authorized for 
debug: clearing poll timeout
debug: xhr-polling writing 1::
debug: set close timeout for client U1Y79P8WLaMz_UWoiKTc
debug: setting request GET /socket.io/1/xhr-polling/U1Y79P8WLaMz_UWoiKTc?t=1345273505194
debug: setting poll timeout
debug: discarding transport
debug: cleared close timeout for client U1Y79P8WLaMz_UWoiKTc
debug: setting request GET /socket.io/1/xhr-polling/ufw4UqC2pCvWqqB5iKOQ?t=1345273505438
debug: setting poll timeout
debug: clearing poll timeout
debug: xhr-polling writing 7:::1+0
debug: set close timeout for client ufw4UqC2pCvWqqB5iKOQ
warn: client not handshaken client should reconnect
info: transport end (error)
debug: cleared close timeout for client ufw4UqC2pCvWqqB5iKOQ
debug: discarding transport
debug: client authorized
info: handshake authorized Uslh5g1YKNE8rCJDiKTd
debug: client authorized
info: handshake authorized -XHkL7Zk9KzA7WEFiKTe
debug: client authorized
info: handshake authorized _OOsM2nZOVgS93R-iKTf
debug: client authorized
info: handshake authorized IZ0vUej2iX_-TRSJiKTg
debug: setting request GET /socket.io/1/xhr-polling/IZ0vUej2iX_-TRSJiKTg?t=1345273505717
debug: setting poll timeout
debug: client authorized for 
debug: clearing poll timeout
debug: xhr-polling writing 1::
debug: set close timeout for client IZ0vUej2iX_-TRSJiKTg

Could anyone suggest how to debug this problem or what the problem actually is?

Jeff Tratner
  • 16,270
  • 4
  • 47
  • 67
Manish Sapkal
  • 5,591
  • 8
  • 45
  • 74

2 Answers2

1
io.on('connection', function (client) {

Should be io.sockets.on(...

client.on('message', function (msg) {
    socket.broadcast(msg);

Should be client.broadcast(msg); (socket isn't defined anywhere)

ebohlman
  • 14,795
  • 5
  • 33
  • 35
0

You can configure the socket.io settings as per your requirements. https://github.com/LearnBoost/Socket.IO/wiki/Configuring-Socket.IO

I also encountered the same problem and found that adding the below line solves the problem

io.set('transports',['xhr-polling']);
softvar
  • 17,917
  • 12
  • 55
  • 76