Node.js HTML5 Websocket Example

Sean Wragg

Follow

Sep 14, 2013 – 1 min read

A continuación se muestra un ejemplo muy sencillo de cómo crear un websocket básico utilizando node.js. Los websockets son geniales para mantener una relación servidor/cliente sin tanta sobrecarga de tráfico web HTTP.

Hoy en día, los websockets se utilizan para construir una magnitud de aplicaciones en tiempo real basadas en el navegador (chats en vivo, juegos multijugador). Básicamente se trata de una conexión persistente entre el servidor y el cliente en la que ambas aplicaciones pueden enviar datos. Típicamente, se ha utilizado el long-polling o Flash como alternativas.

Primero, necesitarás instalar el paquete «websocket» usando npm.

$ npm install websocket

Puede que te aparezca un error sobre el código Native que no compila. (attow) No he mirado cómo resolverlo pero el paquete websocket suele seguir funcionando. A continuación vamos a configurar el servidor y el cliente. Usando el javascript de abajo como un esqueleto básico, querrás iniciar el servidor como cualquier otro fragmento de nodo.

En nuestro ejemplo, el servidor escuchará conexiones y responderá «hola» (a todo lo que el cliente envíe) y luego otro mensaje poco después.

Una vez iniciado el servidor, se puede utilizar el código siguiente en cualquier navegador HTML5 (que lleve soporte para websocket) para establecer una conexión con el servidor. En este ejemplo, el cliente envía un mensaje «hola» cuando abre la conexión y pone todo lo que recibe en el div #content.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *