socket.io is not working with static file routing node.js

Question

I'm writing a chat application. In that, when the static file routing is working the socket.io (Chat) is not working throws not found error in console.

http://localhost/socket.io/?EIO=3&transport=polling&t=1486739955177-8 404 not found

When the chat is working fine then public static files is not working throws error

Cannot GET /public/index.html

The code chat working (public static files not working) :

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

//Initialize application with route
app.get('/',function (req,res) {
 var express=require('express');
 app.use(express.static(path.join(__dirname+'/public')));
 res.sendFile(path.join(__dirname,'../public','chat.html'));
});

//Register events on socket connection
io.on('connection',function (socket) {
   socket.on('chatMessage',function (from, msg) {
    io.emit('chatMessage',from,msg);
 });

 socket.on('notifyUser',function (user) {
    io.emit('notifyUser',user);
  });
});

// Listen appliaction request on port 80
http.listen(80,function () {
   console.log('Server Running in port 80');
});

The code public static files working ( chat not working) :

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

//Initialize application with route
var express=require('express');
app.use(express.static('public/'));
app.use('/public',express.static('public/stack'));


//Register events on socket connection
io.on('connection',function (socket) {
    socket.on('chatMessage',function (from, msg) {
        io.emit('chatMessage',from,msg);
    });
    socket.on('notifyUser',function (user) {
        io.emit('notifyUser',user);
    });
});


app.get('*', function(req, res){
    res.send('what???', 404);
});

// Listen appliaction request on port 80
app.listen(80,function () {
    console.log('Server Running in port 80');
}

I couldn't reproduce the error. My port 80 is busy with nginx, so I set it to 8000 and chat works with static as well. — shukshin.ivan
– shukshin.ivan, Commented Feb 10, 2017 at 16:24
GET http://localhost/socket.io/?EIO=3&transport=polling&t=1486743833778-61 404 (Not Found) no it's not working — Sarath Kumar
– Sarath Kumar, Commented Feb 10, 2017 at 16:25
that 404 is because of your wildcard route app.get('*', .. res.send('what???', 404); — Ja9ad335h
– Ja9ad335h, Commented Feb 10, 2017 at 16:28
I even commented that route. not working. In the network panel it's gives Cannot GET /socket.io/?EIO=3&transport=polling&t=1486744187480-26 — Sarath Kumar
– Sarath Kumar, Commented Feb 10, 2017 at 16:31

Sasi Varunan · Accepted Answer · 2017-02-10 17:21:41Z

1

Ok this code works

var express=require('express');
var app = express();
var path=require('path');
var server = require('http').createServer(app);
var io=require('socket.io')(server);
//Initialize application with route
app.use(express.static('public/'));
// app.use('/public',express.static('public/stack'));

//Register events on socket connection
io.on('connection',function (socket) {
    socket.on('chatMessage',function (from, msg) {
        io.emit('chatMessage',from,msg);
    });
    socket.on('notifyUser',function (user) {
        io.emit('notifyUser',user);
    });
});

app.get('/', function(req, res){
    res.send('what???', 404);
});

// Listen appliaction request on port 80
server.listen(80,function () {
    console.log('Server Running in port 80');
});

Move your chat.html in side public folder and access like http://localhost/client.html

Directory structure is like

appdir public/client.html server.js node server.js

answered Feb 10, 2017 at 17:21

Sasi Varunan

2,8641 gold badge27 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Sarath Kumar Over a year ago

It's working perfect. I want to know how to use socket functions other than server.js file. Because I want to store those msgs to database. If I write those functions here server.js file would look messy..

Sasi Varunan Over a year ago

Then you need to write all your functions in separate js file and do export. Then in your server.js file you need to require it. Its worth reading and understanding exports and module.exports and dive in to your project sitepoint.com/understanding-module-exports-exports-node-js

Collectives™ on Stack Overflow

socket.io is not working with static file routing node.js

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related