I have set up a node.js server with an angular.js frontent and I am facing a problem with Socket.IO connections. The issue arises when double Socket.IO connections open, causing my page to hang.
var self = this;
self.app = express();
self.http = http.Server(self.app);
self.config = config;
self.io = require('socket.io')(self.http);
self.io.on('connect', function() {
console.log('Connected');
});
In my Angular.js factory, I have the following:
var socket = io.connect();
If I load my page on mobile browsers like Safari or Chrome on iOS, sometimes during a page refresh or even on a new page load, I notice that it connects twice simultaneously. This causes the page to hang due to the duplicate connection.
https://i.stack.imgur.com/pMxcq.png
As a result of this hanging request, other requests are also stuck waiting for it to complete, leading to the page never loading.