表示js – socket io连接

无法集成socket io和express js。 以下是我的html代码。

<html> <head> </head> <body> hello world. <script src="https://cdn.socket.io/socket.io-1.3.5.js"></script> <script src="http://code.jquery.com/jquery-1.11.1.js"></script> <script> var socket = io(); </script> </body> </html> 

这是我的expressionjs的app.js。

 var express = require('express'); var path = require('path'); var favicon = require('serve-favicon'); var logger = require('morgan'); var cookieParser = require('cookie-parser'); var bodyParser = require('body-parser'); var routes = require('./routes/index'); var users = require('./routes/users'); var app = express(); var server = require('http').Server(app); var io = require('socket.io')(server); // view engine setup app.set('views', path.join(__dirname, 'views')); app.set('view engine', 'jade'); // uncomment after placing your favicon in /public //app.use(favicon(path.join(__dirname, 'public', 'favicon.ico'))); app.use(logger('dev')); app.use(bodyParser.json()); app.use(bodyParser.urlencoded({ extended: false })); app.use(cookieParser()); app.use(express.static(path.join(__dirname, 'public'))); app.get('/', function(req, res){ res.sendFile(path.join(__dirname, 'public', 'index.html')); }); io.on('connection', function(socket){ console.log('client connected.'); }); // catch 404 and forward to error handler app.use(function(req, res, next) { var err = new Error('Not Found'); err.status = 404; next(err); }); // error handlers // development error handler // will print stacktrace if (app.get('env') === 'development') { app.use(function(err, req, res, next) { res.status(err.status || 500); res.render('error', { message: err.message, error: err }); }); } // production error handler // no stacktraces leaked to user app.use(function(err, req, res, next) { res.status(err.status || 500); res.render('error', { message: err.message, error: {} }); }); module.exports = app; 

问题:无法用express连接套接字io。 下面是在开发者控制台中显示错误的图片,当我运行应用程序。 在这里输入图像说明

使用相同的代码,删除var routes = ...var users = ...

并在最后添加server.listen(3000); 而不是出口它只是为我工作。

https://dripr.io/file/NkWBbbHR