Create the server running on HTTP and HTTPS

[El-Tommy]

Today I have a server with Socket.IO that is only available via HTTPs, that is, even other VMs that are on the same local network, must always connect to the server using the domain.
Which in the case of hosting like Google Cloud ends up generating an unnecessary cost.

Is it possible to make the same server available both via HTTPs and HTTP? So that via HTTP it is executed by the local IP of the virtual machine by other machines on the same network?
And HTTPs would be executed by users when connecting via browser.

[darrachequesne]

Hi! You can attach the Socket.IO server to multiple HTTP servers with:

import { readFileSync } from "fs";
import * as http from "http";
import * as https from "https";
import { Server } from "socket.io";

const httpServer = http.createServer();

const httpsServer = https.createServer({
  key: readFileSync("./key.pem"),
  cert: readFileSync("./cert.pem")
});

const io = new Server(httpServer);

httpsServer.on("request", (req, res) => {
  io.engine.handleRequest(req, res);
});

httpsServer.on("upgrade", (req, socket, head) => {
  io.engine.handleUpgrade(req, socket, head);
});

httpServer.listen(3000)
httpsServer.listen(3001);

[El-Tommy]

Many thanks for the reply. 😀

[El-Tommy]

A problem that appeared is when I try to load the socket.io.js file by the script tag, via HTTPS it always returns {"code":0,"message":"Transport unknown"}

I ran the tests with a dedicated certificate for localhost.

I used these two scripts and in both I can't get the socket.io.js via HTTPs, only via HTTP.
My main concern is also that I intend to use PM2, both because of the use on all CPUs and also because it restarts the server in case of a failure.

Normal Script:

import { readFileSync } from "fs";
import * as http from "http";
import * as https from "https";
import { Server } from "socket.io";

const httpServer = http.createServer();

const httpsServer = https.createServer({
    key: readFileSync("./localhost-key.pem"),
    cert: readFileSync("./localhost.pem")
});

const io = new Server(httpServer);

httpsServer.on("request", (req, res) => {
    io.engine.handleRequest(req, res);
});

httpsServer.on("upgrade", (req, socket, head) => {
    io.engine.handleUpgrade(req, socket, head);
});

httpServer.listen(3000)
httpsServer.listen(3001);

PM2 Cluster Support:

/*pm2 start basic.js -i 0*/

const http = require("http");
const https = require("https");
const { Server } = require("socket.io");
const { createAdapter } = require("@socket.io/cluster-adapter");
const { setupWorker } = require("@socket.io/sticky");

const { readFileSync } = require("fs");

const httpServer = http.createServer();

const httpsServer = https.createServer({
  key: readFileSync("./localhost-key.pem"),
  cert: readFileSync("./localhost.pem")
});


const io = new Server(httpServer, {
  cors: {
    origin: "*",
    methods: ["GET", "POST"]
  }
});

io.adapter(createAdapter());

setupWorker(io);

io.on("connection", (socket) => {
  console.log(`connect ${socket.id}`);
});

httpsServer.on("request", (req, res) => {
  io.engine.handleRequest(req, res);
});

httpsServer.on("upgrade", (req, socket, head) => {
  io.engine.handleUpgrade(req, socket, head);
});

httpsServer.listen(443);

[darrachequesne]

Sorry, I hadn't thought about the bundle files... Here's the updated solution:

import { readFileSync } from "fs";
import * as http from "http";
import * as https from "https";
import { Server } from "socket.io";

const httpServer = http.createServer();

const httpsServer = https.createServer({
  key: readFileSync("./key.pem"),
  cert: readFileSync("./cert.pem")
});

const io = new Server(httpServer);

httpsServer.on("request", (req, res) => {
  io.engine.handleRequest(req, res);
});

httpsServer.on("upgrade", (req, socket, head) => {
  io.engine.handleUpgrade(req, socket, head);
});

io.attachServe(httpsServer);

httpServer.listen(3000)
httpsServer.listen(3001);

This way the engine is bound to both HTTP servers.

Test:

$ curl "http://localhost:3000/socket.io/?EIO=4&transport=polling"
0{"sid":"LP1De9B8bpLlHt66AAAA","upgrades":["websocket"],"pingInterval":25000,"pingTimeout":20000,"maxPayload":1000000}

$ curl -k "https://localhost:3001/socket.io/?EIO=4&transport=polling"
0{"sid":"XmZ2DxQCoCeCpqZfAAAB","upgrades":["websocket"],"pingInterval":25000,"pingTimeout":20000,"maxPayload":1000000}

$ curl -I "http://localhost:3000/socket.io/socket.io.js"
HTTP/1.1 200 OK
Cache-Control: public, max-age=0

$ curl -kI "https://localhost:3001/socket.io/socket.io.js"
HTTP/1.1 200 OK
Cache-Control: public, max-age=0