Socket.io : comment communiquer avec un serveur Node js

Node js

1 Communiquer : Socket.io

               1 : Explication générale

Bonjour petit tutoriel pour vous expliquer les web sockets en NODE js & HTML5. Pour ce premier ticket sur ce sujet, j’ai choisi de vous parler des sockets. Avant de commencer nous allons essayer de comprendre qu’est-ce que c’est et surtout comment imager cela.

Le socket pour faire simple c’est une sorte de ticket que vous envoyez à un serveur pour communiquer ensemble. Pour comprendre le principe voici un schéma :

voici un schéma pour expliquer les sockets
voici un schéma pour expliquer les sockets

Les flèches du dessin représentent les sockets. En effet c’est l’élément réseaux que vous développeur vous aurez à gérer dans votre code.

2 : Explication spécifique à HTML 5 & NODE js

Maintenant parlons NODE js & HTML 5 comment faire pour faire du web socket ? Tout d’abord dans le schéma ci-dessus nous avons vu que nous avions la notion de client / serveur. Il faudra donc ajouter une librairie pour le client et le serveur pour qu’ils puissent communiquer entre eux. Pour imager mon explication :

voici comment l'implémenter en Node js avec socket.io
voici comment l’implémenter en Node js avec socket.io

4 : Maintenant un peu de code

Pour commencer nous allons faire le côté serveur. Nous allons créer un projet NODE js. Ensuite un fichier que nous nommerons « Server.js ».

Nous allons devoir utiliser un module qui se nomme socket.io. Pour cela ouvrez votre command NODE js puis entré cette commande :

« npm install socket.io ».

Une fois celle-ci executée, le répertoire « node_modules » devrait être créé. Si ce n’est pas le cas, je vous invite à vous placer dans le répertoire de votre projet NODE.js à coup de cd

Un fois cela fait nous allons écrire le server :

Var io = require(‘’socket.io’’).listen(3000) ; // cela permet de créer votre server et le faire écouter sur le port 3000 (dans notre cas).

io.sockets.on(‘connection’, function (socket) {

console.log(‘utilisateur connecter’);

socket.emit(« hello », {Text = ‘’Hello world’’ });

});

Voilà votre serveur est fait

Maintenant au tour du client :

Attention n’oubliez surtout pas de récupérer les modules socket.io-client :

« npm install socket.io-client » dans le répertoire de votre projet.

<script type= »text/javascript » src= ‘’/node_modules/socket.io-client/dist/socket.io.js »></script>

var socket = io.connect(‘http://localhost:3000&rsquo;); // socket

socket.on(« receiveBash », function (data) { alert(data.Text) ;}) ;

Vous avez maintenant les notions pour attaquer les sockets ! Enfin… disons que vous avez les armes pour comprendre l’utilisation des web sockets

Petit rappel de ce que j’ai dit :

–        Créer un serveur : qui sera un script JavaScript et qui fera appelle à socket.io.

–        Un client qui utilisera le script socket.js de socket.io-client.

Mes tutos coups de cœurs sur cela :

http://www.grafikart.fr/tutoriels/nodejs/nodejs-socketio-tchat-366

http://socket.io/

Publicités