Position actuelle: Accueil> Derniers articles> Pratique de l'application et implémentation de WebSocket dans la poussée de données en temps réel

Pratique de l'application et implémentation de WebSocket dans la poussée de données en temps réel

M66 2025-07-28

introduction

Avec le développement rapide de la technologie Internet, la poussée de données en temps réel est devenue une partie indispensable des systèmes d'applications modernes. Bien que le protocole HTTP traditionnel soit largement utilisé, son mode de demande de réponse ne peut pas répondre aux besoins de la transmission de données en temps réel. En tant que protocole de communication complet, WebSocket peut communiquer en temps réel et bidirectionnel entre les clients et les serveurs en établissant une connexion persistante. Cet article explorera l'application de WebSocket dans la poussée de données en temps réel et démontrera comment implémenter cette fonction via des exemples de code réels.

Introduction à WebSocket

WebSocket est un protocole de communication basé sur le protocole TCP. Contrairement au protocole HTTP, il peut établir une connexion de communication bidirectionnelle continue entre le client et le serveur. L'émergence de WebSocket résout les limites du protocole HTTP dans la poussée de données en temps réel et est largement utilisée dans le chat en temps réel, le trading d'actions, les jeux en ligne et d'autres scénarios.

Scénarios d'application WebSocket

WebSocket propose un large éventail de scénarios d'application, et ce qui suit est quelques cas d'application typiques:

  • Système de chat en direct: WebSocket peut livrer des messages en temps réel et réaliser des fonctions de messagerie instantanée.
  • Système de surveillance en temps réel: WebSocket peut pousser les données de surveillance en temps réel pour améliorer la vitesse et la précision de la réponse du système.
  • Système de trading d'actions: WebSocket convient aux mises à jour en temps réel des marchés boursiers, permettant aux investisseurs d'obtenir les informations les plus rapides du marché.
  • Communication de jeu en temps réel: WebSocket prend en charge la transmission de données en temps réel dans les jeux en ligne multijoueurs, tels que les batailles en temps réel, les mises à jour du statut des joueurs, etc.

Pratique de l'application WebSocket

Implémentation côté serveur

Afin d'utiliser WebSocket pour des données en temps réel, vous devez d'abord créer un serveur WebSocket côté serveur. Prenant l'exemple de Node.js, vous pouvez utiliser le module `WS` pour créer rapidement un serveur WebSocket. Voici un exemple simple de code:

 const WebSocket = require('ws');
const wss = new WebSocket.Server({ port: 8080 });
wss.on('connection', (ws) => {
  console.log('Client connected');
  setInterval(() => {
    ws.send(new Date().toString());
  }, 1000);
  ws.on('close', () => {
    console.log('Client disconnected');
  });
});

Explication du code:

  • Nous avons créé un serveur WebSocket et écouté le port 8080.
  • Lorsque le client se connecte, le serveur déclenche l'événement «Connexion» pour établir une communication bidirectionnelle.
  • Dans chaque connexion, l'heure actuelle est envoyée au client à chaque seconde.

Implémentation du client

Le client peut utiliser l'objet WebSocket intégré du navigateur pour se connecter au serveur et recevoir des données en temps réel. Voici un exemple de code client:

 const ws = new WebSocket('ws://localhost:8080');
ws.onopen = () => {
  console.log('Connected to WebSocket server');
};
ws.onmessage = (message) => {
  console.log('Received message: ' + message.data);
};
ws.onclose = () => {
  console.log('Disconnected from WebSocket server');
};

Explication du code:

  • Le client crée une connexion au serveur via `nouveau WebSocket () '.
  • L'événement «Onopen» est déclenché lorsque la connexion réussit.
  • L'événement OnMessage est déclenché lorsqu'un message est reçu du serveur est poussé.
  • L'événement «OnClose» est déclenché lorsque la connexion est fermée.

en conclusion

En tant que puissant protocole de communication en temps réel, WebSocket est largement utilisé dans les scénarios de poussée de données en temps réel. Cet article montre comment implémenter la poussée de données en temps réel entre WebSocket entre le serveur et le client via un code simple. Avec cet exemple pratique, les développeurs peuvent mettre en œuvre la communication WebSocket plus efficacement dans leurs projets et étendre les fonctionnalités en fonction des exigences en fonction de divers scénarios commerciaux.