¿Cómo funcionan las actualizaciones en tiempo real?

Question

Ahora las actualizaciones diarias en tiempo real son comunes en la mayoría de los sitios populares que tienen muchos usos.

• StackExchange
• Facebook
• Twitter

Me pregunto, ¿cómo estas "actualizaciones en tiempo real" funcionan? Solo estoy buscando una perspectiva general de vista de pájaro. Sospecho que el JS no puede llamar al servidor cada X segundos para una actualización y luego anexarlo al <ul>. ¿Se envió una notificación desde el servidor para extraer más contenido?

¿Sería genial si hay un artículo simple que explica esto con una demostración?

Answer 1

Stack Overflow utiliza Web Sockets para actualizaciones en tiempo real. Si se echa un vistazo en el código fuente (línea 35), que se vería:

StackExchange.ready(function() { 
    StackExchange.realtime.init('ws://sockets.ny.stackexchange.com'); 
    StackExchange.realtime.subscribeToInboxNotifications(); 
    StackExchange.realtime.subscribeToReputationNotifications('1'); 
}); 

Pero tenga en cuenta que algunas versiones de Opera no es compatible con WebSocket. (not until Opera 10.70)

Sin embargo Facebook no parece utilizar Web sockets, y yo creo que simplemente están utilizando XHR simple con una técnica llamada long polling, que el servidor se aferra a la conexión hasta que haya nueva información, y luego el servidor responderá a la solicitud. Si abre las herramientas de desarrollador puede ver que siempre hay una solicitud que tiene un estado de pendiente.

De hecho, está enviando una solicitud cada ~ 60 segundos.

Answer 2

Parece que Twitter también usa XHR simple (intervalos de 1 minuto) para sus "actualizaciones en tiempo real".

Answer 3

Facebook utiliza long polling/Comet. Entonces hace una conexión y espera una respuesta, si no hay respuesta, se agota y vuelve a intentarlo. El tiempo de espera es de alrededor de 40 segundos. Así es como hace la mayor parte de la actualización instantánea. Sin embargo, usan una combinación de técnicas. Más sobre largas encuestas aquí.

http://en.wikipedia.org/wiki/Comet_(programming)