How to avoid create a new socket connection in socket.io after html page refresh?

node.js real-time socket.io
qichunren picture qichunren · Mar 2, 2012 · Viewed 14.9k times · Source

I have tried socket.io, I found when client html page load, a new socket connection created.When I refresh the page, I found a new socket connection create, and then the old connection disconnect.

My problem is how to avoid this? Because I am building a chat room application. When a user enter the room page, on "connection" servier side emit "Welcome user xxx come!", and on 'disconnec' event emit "User xxx leaved." But when a user refresh the current page, this will fire 'disconnect' event and filre 'connected' event again. And it will emit "Welcome user xxx come!" and "User xxx leaved." messages together.

How to ignore page refresh event?And Just like http session?

Update: I have already found way to solve the problem. from this question Handle browser reload socket.io

Answer

Jani Hartikainen picture Jani Hartikainen · Mar 2, 2012

You can't block refreshing the page, and there is no way to avoid the socket.io disconnect when a user refreshes the page either.

I would suggest adding a timeout:

  • When a user is seen disconnecting, start a timer, say 10-30 seconds
  • If a user returns to the chat while the timer hasn't finished, don't do anything
  • If a user has not returned after the timer ends, then display the "user has left" message

Related questions

How to integrate nodeJS + Socket.IO and PHP?

I have recently been looking around, to find a good way to communicate between nodeJS and PHP. Here is the idea : nodeJS is still quite new, and it can be kind of tricky to develop a full application only with …

Read More
socket.io determine if a user is online or offline

We can trace if a connection is established or disconnected by this code console.log('a user connected'); socket.on('disconnect', function () { console.log('user disconnected'); }); Well, its fine. But how can we determine what user connected or gone offline. …

Read More
Real-time web apps with mongodb and nodejs

I've been thinking about how to make a real-time web application using nodejs/socket.io/mongodb. The idea is pretty similar to google docs, where objects edited on a page are emitted and rerendered on all client browsers. What is …

Read More