11

I have problem with socket.io examples. My browser can't get socket.io.js file (404 error in console).


Code that work:

server.js

var app = require('express').createServer()
  , io = require('socket.io').listen(81);

app.listen(80);

app.get('/', function (req, res) {
  res.sendfile(__dirname + '/index.html');
});

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

index.html

<script src="http://192.168.1.104:81/socket.io/socket.io.js"></script>
<script>
  var socket = io.connect('http://192.168.1.104:81');
  socket.on('news', function (data) {
    console.log(data);
    socket.emit('my other event', { my: 'data' });
  });
</script>


But this one not:

server.js

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

app.listen(80);

app.get('/', function (req, res) {
  res.sendfile(__dirname + '/index.html');
});

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

index.html

<script src="http://192.168.1.104:80/socket.io/socket.io.js"></script>
<script>
  var socket = io.connect('http://192.168.1.104:80');
  socket.on('news', function (data) {
    console.log(data);
    socket.emit('my other event', { my: 'data' });
  });
</script>

In this case my browser can't get socket.io.js file.

Jakub Martin
  • 111
  • 1
  • 1
  • 4

2 Answers2

7

EDIT : all the below text is wrong until the next "EDIT". Leaving it there as a trace...

there is one thing you should know, two things you should do + all needed Express doc is here :

  1. Express filter/handle every access to your node server. It means that when you're trying to access your socket.io script file, Express tries to find it in the routes you declared and fails as you didn't (and you were right not to).

  2. Most important : declare a static, non "computed" folder in express where you will put all your static files (css, client scripts, images) :

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

    This line must be put in you app.configure call, before app.use(app.router) (I actually put it first)

    I like to have this /static/scripts ; /static/css ; /static/img folder organisation but you're free to adapt to your needs.

  3. Change the link to the socket.io script file to a relative path (optional but strongly advised) : src='/static/scripts/socket.io/socket.io.js'

EDIT : I am wrong, very very wrong and I am sorry for that. Socket.io generates the different path / files needed and you don't have to declare them nor to copy any client script files.

Please try switching the <script src="http://192.168.1.104:81/socket.io/socket.io.js"></script> client line to the normal relative one <script src="/socket.io/socket.io.js"></script> because that's the only difference between your code and the express guide code.

Arnaud Rinquin
  • 4,296
  • 1
  • 30
  • 51
  • Ok, now browser can get socket.io.js, but there is next error, line "var client = require('socket.io-client');" in socket.io.js: Uncaught ReferenceError: require is not defined. – Jakub Martin Apr 17 '12 at 08:54
  • It still doesn't work, when I add – Jakub Martin Apr 17 '12 at 11:43
  • First, if you using express, only use `require('socket.io').listen(app);`. Then please tell us what's not working ? It this client side or server side ? Do you have a client side error message ? Can you check (with firebug or chrome web tools) if requests are successfully done and what's the problem if not ? – Arnaud Rinquin Apr 17 '12 at 11:47
  • I do not receive message via socket from server, broswer console gives me only: "Failed to load resource: the server responded with a status of 404 (Not Found) http://192.168.1.104/socket.io/socket.io.js" – Jakub Martin Apr 17 '12 at 15:43
  • 2
    OK, there is solution: http://stackoverflow.com/questions/10191048/socket-io-js-not-found – Jakub Martin Apr 17 '12 at 16:08
6

What Express version are you using?

The API has changed from Express 2.x to 3.x, so the answer is in the Socket.IO compatibility section at the Migrating from 2.x to 3.x wiki:

Socket.IO's .listen() method takes an http.Server instance as an argument.
As of 3.x, the return value of express() is not an http.Server instance. To get Socket.IO working with Express 3.x, make sure you manually create and pass your http.Server instance to Socket.IO's .listen() method:

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

server.listen(3000);
Marius Butuc
  • 17,781
  • 22
  • 77
  • 111