Express 4找不到socket.io?

时间:2016-03-21 06:10:36

标签: node.js socket.io express-4

我一直试图让我的客户端与我的服务器连接,但chrome始终打印

  

获取http://localhost:30653/socket.io/socket.io.js 404(未找到)

我不知道问题出在哪里......

快递版本是" 4.13.4"和socket.io版本是" 1.4.5"

这是我的代码:

app.js

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

io.on('connection',function(socket){
    console.log("connected");
    socket.emit('open');
});

app.set('port', process.env.PORT || 30653);
app.set('view engine','html');
app.engine('html',hbs.__express);
app.use(express.static('public'));
app.get('/',function(req,res){
    res.render('chatroom');
});
app.listen(app.get('port'),function(){
    console.log('this server is listening on port:'+app.get('port'));
});

客户端:

$(function(){
    var socket = io.connect('http://localhost:30653');
    socket.on('open',function(){
        console.log("open")
    });
    socket.on('system',function(json){
        console.log("system");
    });
});

欢迎任何帮助!我会非常感激!

2 个答案:

答案 0 :(得分:2)

我认为您的app.listen(...)需要server.listen(...),因为您创建服务器的方式如下所示:http://socket.io/docs/#using-with-express-3/4。你这样做的方式,socket.io没有挂钩到正确的服务器,因此没有为你提供socket.io.js文件。

您可以执行app.listen(),但前提是您在此处执行了不同的初始化过程:http://socket.io/docs/#using-with-the-express-framework

答案 1 :(得分:0)

你需要在app.use(express.static(' public'))之后的app.js中使用以下代码行;

  app.use("/lib", express.static(path.join(__dirname,'node_modules'))); 

然后在您的客户端导入,如下所示

   <script src='/lib/socket.io/socket.io.js' type='text/javascript'></script>