Как сформулировать подключение socket.io по https и http на примере?

Question

[Александр Александрович]

Имеется такое подключение:

var PORT = 8010;
var options = {
    'authorization': isAuth
};
var express = require('express');
var app = express();
var http = require('http');
var server = http.createServer(app);
var io = require('socket.io').listen(server, options);
server.listen(PORT);

Далее это используется:

io.sockets.on('connection', function (client) {
...... и т.д. .......

На клиенте подключается socket.io так:

<script type="text/javascript" src="//mysite.ru:8010/socket.io/socket.io.js"></script>

Как это подключение изменить, чтобы работало и по http и по https? Гугл уже здоровается со мной, яндекс думает что я бот и капчу выводит. Так и не нашел для себя ответа. Есть какие то определенные мануалы но подключиться так и не смог.
Стоит nginx, сертификаты для сайта на nginx установлены. Сайт работает норм по https но socket.io и node.js подключение так и не осилил.
Читал и официальную документацию и пользовательские решения, но все они имеют чуть другое решение подключения, которые я не смог применить к своему варианту.
Спасибо.

Answer 1

[de1m]

На одном порту работать не будет, надо два порта.
Я поменял пример, но этот у меня точно работает, всего на двух портах

var express = require('express');  
var app = express();  
var server = require('http').createServer(app);  
var io = require('socket.io')(server);
var fs = require('fs');
var https = require('https');

app.set('views', __dirname + '/views')
app.set('view engine', 'pug')
app.use(express.static(__dirname + '/public'))

server.listen(5000, function () {
  console.log('Server listening at port %d', 5000);
});

const opts = {
  key: fs.readFileSync('privateKey.key'),
  cert: fs.readFileSync('certificate.crt')
}

var httpsServer = https.createServer(opts, app);
httpsServer.listen(5001, function(){
  console.log("HTTPS on port " + 5001);
})

app.get('/', function (req, res) {
  res.render('index');
})

io.attach(httpsServer);
io.attach(server);

io.on('connection', function(client) {  
    console.log('Client connected...');
    client.on('click', function(data){
      console.log(JSON.parse(data));
        setTimeout(function() {
          client.emit("ok", "data");
        }, 3000);
    })
});

Со стороны клиента надо добавить проверку http или https.

if (window.location.protocol != "https:"){
        var socket = io.connect('https://localhost:5001');    
    } else {
        var socket = io.connect('http://localhost:5000');
    }

Comments

[Александр Александрович]

В целом решение вполне подошло. Правда пришлось в решении заменить порты 80 и 443 на 8010 и 8443. Хотелось бы конечно на родных 80 и 443 чтоб работало. Но не сработало. Вылезала ошибка: listen EADDRINUSE

[de1m]

Александр: Ну у вас похоже эти порты уже чем-то заняты.

[Александр Александрович]

de1m: Логично предположить что на 80 сам сайт, на 443 https версия сайта. Sоcket.js загружается со страницы сайта.

[de1m]

Александр: Это вообще-то странно, не везде порты другие (кроме http/s) открыты и соответственно ваше решение будет не везде работать. Я специально попробывал, у меня всё работает на друх портах.

[Илья Шатохин]

Александр: а сам сайт работает с того же процесса, что и Sоcket.io? Если да, то не надо создавать второй http(s)-сервер, а используйте тот же, что и для сайта.

[de1m]

Я пример поменял, этот варинт у меня работает, с первым примером и правда была проблема.

[304]

со стороны клиента можно сделать ещё более оптимально

var socket = io.connect(window.location.href)

[Илья]

Ошибка в ответе или я чего то не понимаю? Почему когда protocol != "https:" то подключение наоборот по https?