Socket.io не работает с Express 4 без использования другого номера порта

Question

Мое приложение работает, когда я указываю номер порта для socket.io, который отличается от номера порта сервера. Рабочий код выглядит следующим образом:

Это мой файл 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 mongoose = require('mongoose');
var configDB = require('./config/database.js');
var session = require('express-session');
var passport = require('passport');

var routes = require('./routes/index');
var auth = require('./routes/auth.js');

var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');

// uncomment after placing your favicon in /public
//app.use(favicon(__dirname + '/public/favicon.ico'));
app.set(process.env.PORT || 1337);
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(require('stylus').middleware(path.join(__dirname, 'public')));
app.use(express.static(path.join(__dirname, 'public')));
app.use(session({ secret: 'mysessionsecret' }));
app.use(passport.initialize());
app.use(passport.session());

mongoose.connect(configDB.url);

app.use('/', routes);
app.use('/auth', auth);

// 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: {}
    });
});

var talk = require('./socket/talk.js')(app);

module.exports = app;

Это мой файл talk.js:

var init = function (app){    
    var server = require("http").createServer(app).listen(3000);
    var io = require("socket.io").listen(server);

    var socketioJwt = require("socketio-jwt");
    var jwtSecret = require('../config/jwtSecret');

    console.log("init");

    io.set("authorization", socketioJwt.authorize({
        secret: jwtSecret,
        handshake: true
    }));

    io.sockets.on("connection", function (socket) {
        console.log("connected");
        socket.on("send", function (data) {
            console.log(data);
            var username = data.username;
            var message = data.message;
            var datetime = data.datetime;

            socket.broadcast.emit("send", data);
        });
        socket.on("busy", function () {
            socket.emit("busy");
            socket.broadcast.emit("busy");
        });
        socket.on("free", function () {
            socket.emit("free");
            socket.broadcast.emit("free");
        });
    });
}

module.exports = init;

Это мой скрипт скрипт в index.ejs:

<script src="http://localhost:3000/socket.io/socket.io.js"></script>

И, наконец, это мой IO Connect от клиента:

socket = io("http://localhost:3000/",{
            query: 'token=' + tok
        });

Это работает, но проблема в том, что я хочу опубликовать свой сайт в Azure, но невозможно позволить сайту Azure прослушивать разные порты. По крайней мере, я думаю, что это невозможно.

Одна из многих вещей, которые я попробовал, - это изменить файл talk.js следующим образом:

var init = function (app){    
    var server = require("http").createServer(app).listen(app.get('port'));
    var io = require("socket.io").listen(server);
...

Но это не работает. Я всегда получаю что-то вроде http://localhost/socket.io/socket.io.js not found

Если я изменю тег script в моем файле index.ejs на этот

<script src="http://cdn.socket.io/socket.io-1.2.1.js"></script>

Файл socket.io.js загружается, но когда я подключаюсь со стороны клиента, я получаю постоянную ошибку 404 not found.

Я посмотрел на многие решения онлайн, но ни одно из них не работает. Я действительно не знаю, что я делаю неправильно.

Answer 1

Эта ошибка происходит от bin/www.js файл вызывается раньше app.js когда используешь npm start, Быстрое решение - обойти www.js, который используется только для обработки некоторых распространенных ошибок, как это предлагается в этом ответе.

Этот репозиторий github является реализацией этого решения и может использоваться в качестве отправной точки для любого Express.js + socket.io приложение.