Node.js HTML5 Websocket Example

Sean Wragg

Follow

14 sept, 2013 – 1 min lu

Ci-après un exemple très simple de la création d’un websocket de base en utilisant node.js. Les websockets sont parfaits pour maintenir une relation serveur/client sans autant de surcharge du trafic web HTTP.

Aujourd’hui, les websockets sont utilisés pour construire une magnitude d’applications en temps réel basées sur le navigateur (chats en direct, jeux multijoueurs). Fondamentalement, il s’agit d’une connexion persistante entre le serveur et le client dans laquelle les deux applications peuvent envoyer des données. Typiquement, le long-polling ou Flash ont été utilisés comme alternatives.

D’abord, vous devrez installer le paquet « websocket » en utilisant npm.

$ npm install websocket

Vous pouvez obtenir une erreur à propos du code Native qui ne compile pas. (attow) Je n’ai pas cherché comment résoudre cela mais le paquet websocket fonctionne généralement toujours. Ensuite, nous allons configurer le serveur et le client. En utilisant le javascript ci-dessous comme squelette de base, vous voudrez démarrer le serveur comme tout autre snippet de nœud.

Dans notre exemple, le serveur écoutera les connexions et répondra « hello » (à tout ce que le client envoie) puis un autre message peu après.

Une fois le serveur démarré, vous pouvez utiliser le code ci-dessous dans n’importe quel navigateur HTML5 (qui porte le support websocket) pour établir une connexion au serveur. Dans cet exemple, le client envoie un message « hello » lorsqu’il ouvre la connexion et place tout ce qu’il reçoit dans le div #content.

.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *