Serveur WebSocket Node.JS simple

Nous allons maintenant écrire un simple serveur WebSocket dans node.js. Lorsque vous vous connectez à ce serveur, vous recevrez un message de bienvenue en réponse. Et aussi quelques commandes simples seront disponibles pour exécution.

Pour ce faire, vous devez installer Node.js avec le gestionnaire de paquets npm, il est livré avec

Configuration du projet

Tout d'abord, nous devons créer un répertoire pour le futur projet

mkdir websocket-server-node
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

Aller au répertoire

cd websocket-server-node
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

Ensuite, vous devez initialiser un nouveau projet via npm

npm init
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

L'installateur vous demandera de répondre à quelques questions, vous pouvez les ignorer

, WS UTF-8

npm install ws
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

npm install --save-optional utf-8-validate
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

websocket-

. server.js, . , GitHub.

server.js:

websocket

const WebSocket = require('ws');
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

, , WebSocket, WebSocket-.

const wsServer = new WebSocket.Server({port: 9000});
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

HTTP-, WebSocket- . HTTP- , WebSocket- , .

, onConnect.

wsServer.on('connection', onConnect);
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

onConnection ws-, .

onConnect , wsClient. wsClient: message close.

message - .

close - .

onConnect, .

onConnect:

function onConnect(wsClient) {
  console.log(' ');
  //    
  wsClient.send('');
wsClient.on('message', function(message) {
    /*     */
  }
wsClient.on('close', function() {
    //    
    console.log(' ');
  }
}
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

close .

. , JSON-. JSON , .

JSON :

{
  action: 'ECHO' | 'PING',
  data?: string //  
}
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

, :

• echo-, data

  
  
  
  
  

• ping, pong

  
  
  
  
  

• , " "

  
  
  
  
  

:

try {
  //   ,    JSON-
  const jsonMessage = JSON.parse(message);
  switch (jsonMessage) {
    case 'ECHO':
      wsClient.send(jsonMessage.data);
      break;
    case: 'PING':
      setTimeout(function() {
        wsClient.send('PONG');
      }, 2000);
      break;
    default:
      console.log(' ');
      break;
  }
} catch (error) {
  console.log('', error);
}
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

, PING , 2 .

server.js , , .

console.log('   9000 ');
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

:

node server.js
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

ws://localhost:9000. :

• Windows Linux (Ctrl + C)

  
  
  
  
  

• MacOs (Cmd + C)

  
  
  
  
  

,

Window:

ipconfig
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

Linux MacOS:

ifconfig
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

192.168.0.15, ws://192.168.0.15:9000.

, F12. DevTools, :

const myWs = new WebSocket('ws://localhost:9000');
//       
myWs.onopen = function () {
  console.log('');
};
//    
myWs.onmessage = function (message) {
  console.log('Message: %s', message.data);
};
//    echo-  
function wsSendEcho(value) {
  myWs.send(JSON.stringify({action: 'ECHO', data: value.toString()}));
}
//     ping  
function wsSendPing() {
  myWs.send(JSON.stringify({action: 'PING'}));
}
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

. wsSendPing:

wsSendPing()
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

2 , :

Message: PONG

Appelez la fonction wsSendEcho, par exemple, avec le contenu "Test!", Et la console affichera:

Message: testez!

C'est tout! Qui l'a aimé, mettez Like, abonnez-vous. Bon à tous!

Lien vers le code GitHub complet