How to fix 400 bad request error in socketio? - node.js

Question

index.ts
import { Server } from "./server";
const server = new Server();
server.listen(port => {
console.log(`Server is listening on http://localhost:${port}`);
});
server.ts
import express, { Application } from "express";
import { Server as SocketIOServer } from "socket.io";
// import { Server as HTTPServer } from "http";
import { Server as HTTPSServer } from "https";
import path from "path";
// for https
const https = require('https');
const fs = require('fs');
export class Server {
private httpServer: HTTPSServer;
private app: Application;
private io: SocketIOServer;
// private activeSockets: string[] = [];
private activeSockets = {};
private readonly DEFAULT_PORT = 5000;
constructor() {
this.initialize();
}
private initialize(): void {
this.app = express();
// this.httpServer = createServer(this.app);
this.app.use((req, res, next) => {
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
next();
});
// https
const options = {
key: fs.readFileSync('key.pem'),
cert: fs.readFileSync('cert.pem')
};
this.httpServer = https.createServer(options, this.app);
this.io = require("socket.io")(this.httpServer, {
handlePreflightRequest: (req, res) => {
const headers = {
"Access-Control-Allow-Headers": "Content-Type, Authorization",
"Access-Control-Allow-Origin": req.headers.origin, //or the specific origin you want to give access to,
"Access-Control-Allow-Credentials": true
};
res.writeHead(200, headers);
res.end();
}
});
//this.io.origins('*:*');
this.configureApp();
this.configureRoutes();
this.handleSocketConnection();
}
private configureApp(): void {
this.app.use(express.static(path.join(__dirname, "../public")));
}
private configureRoutes(): void {
this.app.get("/", (req, res) => {
res.sendFile("index.html");
});
this.app.use(function (req, res, next) {
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
res.header("Access-Control-Allow-Methods", "*");
next();
});
}
private handleSocketConnection(): void {
this.io.on("connection", socket => {
var client_name = socket.handshake.query.name;
const existingSocket = this.activeSockets.hasOwnProperty(socket.id);
console.log("query parameter:")
console.log(client_name);
if (!existingSocket) {
// add the socket id to active socket list
this.activeSockets[socket.id] = { 'bot_id': client_name, 'service_status': 0 };
console.log("Active sockets" + JSON.stringify(this.activeSockets));
// send the u[dated list to all connected users
socket.emit("update-user-list", {
users: this.activeSockets
});
socket.broadcast.emit("update-user-list", {
// users: [socket.id]
users: this.activeSockets
});
}
socket.on("call-user", (data: any) => {
socket.to(data.to).emit("call-made", {
offer: data.offer,
socket: socket.id
});
});
socket.on("candidate", (data: any) => {
socket.to(data.to).emit("candidate", {
candidate: data.candidate,
socket: socket.id
});
});
socket.on("make-answer", data => {
socket.to(data.to).emit("answer-made", {
socket: socket.id,
answer: data.answer
});
});
socket.on("reject-call", data => {
socket.to(data.from).emit("call-rejected", {
socket: socket.id
});
});
socket.on("disconnect", () => {
// this.activeSockets = this.activeSockets.filter(
// existingSocket => existingSocket !== socket.id
// );
console.log("deleteing socket: ");
console.log(socket.id);
delete this.activeSockets[socket.id];
socket.broadcast.emit("remove-user", {
socketId: socket.id
});
});
socket.on("sdp", data => {
console.log("in sdp");
console.log(data);
socket.to(data.to).emit("sdp", {
sdp: data.sdp
});
});
});
}
public listen(callback: (port: number) => void): void {
this.httpServer.listen(this.DEFAULT_PORT, () => {
callback(this.DEFAULT_PORT);
});
}
}
This script exports a Server class that creates an HTTPS server using the https module, and sets up an Express application, a Socket.IO server, and some routes and handlers.
On instantiation, the Server class calls the initialize method which sets up an Express application, creates an HTTPS server using the https module and passes the application as a callback, creates a Socket.IO server by passing the HTTPS server as an argument, sets up some CORS headers, calls the configureApp and configureRoutes methods, and handleSocketConnection method.
The configureApp method sets up the Express app to serve static files from a public directory, and the configureRoutes method sets up a route for the root URL that sends the index.html file and sets CORS headers.
The handleSocketConnection method sets up event handlers for the connection, call-user, and make-answer events. It also uses the activeSockets object to keep track of connected clients, and emits updates to all connected clients when a new client connects or disconnects.