Maison base de données Redis Comment créer une application de chat en temps réel à l'aide de Redis et Node.js

Comment créer une application de chat en temps réel à l'aide de Redis et Node.js

Jul 29, 2023 am 09:23 AM
nodejs redis 实时聊天

Comment utiliser Redis et Node.js pour créer une application de chat en temps réel

Introduction :
Avec le développement continu de la technologie Internet, la communication en temps réel fait désormais partie de la vie quotidienne des gens modernes. Qu’il s’agisse des réseaux sociaux, des jeux en ligne ou du service client en ligne, les applications de chat en temps réel sont largement utilisées. Cet article expliquera comment utiliser Redis et Node.js pour créer une application de chat en temps réel simple et détaillera le processus de mise en œuvre de l'application de chat en temps réel à travers des exemples de code.

1. Présentation
La clé des applications de chat en temps réel réside dans la messagerie en temps réel et les mises à jour instantanées. Pour atteindre cet objectif, nous utiliserons les technologies et outils suivants :

  1. Redis : une base de données en mémoire haute performance pour stocker les messages de chat.
  2. Node.js : un framework d'E/S asynchrones piloté par événements utilisé pour créer le serveur back-end des applications de chat.
  3. Socket.IO : Une bibliothèque JavaScript pour le développement d'applications en temps réel pour une communication en temps réel entre le front-end et le back-end.

2. Préparation de l'environnement
Avant de commencer, nous devons installer et configurer les outils suivants :

  1. Node.js : Veuillez télécharger et installer la dernière version de Node.js en fonction du système d'exploitation.
  2. Redis : veuillez télécharger et installer la dernière version de Redis en fonction de votre système d'exploitation.
  3. Socket.IO : Exécutez la commande suivante via la ligne de commande pour installer Socket.IO :

    npm install socket.io
    Copier après la connexion

3. Processus d'implémentation

  1. Créez un projet Node.js vide et installez les dépendances :

    npm init
    npm install express redis socket.io
    Copier après la connexion
  2. Créez un fichier nommé app.js dans le répertoire racine du projet et ajoutez le code suivant : app.js的文件,并添加以下代码:

    const express = require('express');
    const app = express();
    const server = require('http').Server(app);
    const io = require('socket.io')(server);
    const redis = require('redis');
    const redisClient = redis.createClient();
    
    server.listen(3000, () => {
      console.log('Server is running on port 3000');
    });
    
    app.get('/', (req, res) => {
      res.sendFile(__dirname + '/index.html');
    });
    
    io.on('connection', (socket) => {
      socket.on('join', (room) => {
        socket.join(room);
      });
    
      socket.on('sendMessage', (data) => {
        redisClient.lpush(data.room, data.message);
        io.in(data.room).emit('receiveMessage', data.message);
      });
    });
    Copier après la connexion
  3. 在项目根目录下创建一个名为index.html的文件,并添加以下代码:

    <!DOCTYPE html>
    <html>
    <head>
      <title>Real-time Chat</title>
      <script src="/socket.io/socket.io.js"></script>
      <script>
        const socket = io();
    
        socket.emit('join', 'room1');
    
        socket.on('receiveMessage', (message) => {
          const li = document.createElement('li');
          li.textContent = message;
          document.getElementById('messages').appendChild(li);
        });
    
        function sendMessage() {
          const input = document.getElementById('message');
          const message = input.value;
          input.value = '';
          socket.emit('sendMessage', { room: 'room1', message: message });
        }
      </script>
    </head>
    <body>
      <ul id="messages"></ul>
      <input id="message" type="text" />
      <button onclick="sendMessage()">Send</button>
    </body>
    </html>
    Copier après la connexion
  4. 启动Redis服务:

    redis-server
    Copier après la connexion
  5. 启动Node.js服务器:

    node app.js
    Copier après la connexion
  6. 在浏览器中访问http://localhost:3000,打开多个标签或浏览器窗口,输入消息并点击发送按钮,即可实现实时聊天。

四、实现原理

  1. 用户在浏览器中输入消息并点击发送按钮,前端的JavaScript代码通过Socket.IO向后端发送sendMessage事件,并携带消息和房间信息。
  2. 后端的Node.js服务器接收到sendMessage事件后,将消息存储到Redis中,同时通过Socket.IO向所有在同一房间的客户端发送receiveMessage事件,并携带相同的消息内容。
  3. 客户端收到receiveMessagerrreee

Créez un fichier nommé index.html dans le répertoire racine du projet et ajoutez le code suivant :
rrreee

🎜🎜Démarrez le service Redis : 🎜rrreee🎜🎜🎜Démarrez le serveur Node.js : 🎜rrreee🎜🎜Visitez http://localhost:3000dans le navigateur >, ouvrez plusieurs onglets ou fenêtres de navigateur, saisissez un message et cliquez sur le bouton Envoyer pour discuter en temps réel. 🎜🎜🎜4. Principe de mise en œuvre🎜🎜🎜L'utilisateur saisit un message dans le navigateur et clique sur le bouton d'envoi. Le code JavaScript frontal envoie l'événement sendMessage au back-end via Socket.IO. , transportant le message et les informations sur la chambre. 🎜🎜Une fois que le serveur Node.js back-end a reçu l'événement sendMessage, il stocke le message dans Redis et envoie receiveMessage à tous les clients dans la même pièce via Socket.IO . événement et portent le même contenu de message. 🎜🎜Une fois que le client a reçu l'événement receiveMessage, il affiche le message dans la fenêtre de discussion. 🎜🎜🎜Conclusion : 🎜Grâce aux étapes ci-dessus, nous avons réussi à créer une application simple de chat en temps réel à l'aide de Redis et Node.js. Cette application peut continuer à être étendue, par exemple en ajoutant l'authentification des utilisateurs, l'enregistrement des messages et d'autres fonctions. J'espère que cet article pourra aider tout le monde à comprendre et à apprendre le processus de développement d'applications de chat en temps réel, et à l'appliquer dans des projets réels. 🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Comment déverrouiller tout dans Myrise
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment construire le mode Cluster Redis Comment construire le mode Cluster Redis Apr 10, 2025 pm 10:15 PM

Le mode Redis Cluster déploie les instances Redis sur plusieurs serveurs grâce à la rupture, à l'amélioration de l'évolutivité et de la disponibilité. Les étapes de construction sont les suivantes: Créez des instances de redis étranges avec différents ports; Créer 3 instances Sentinel, Moniteur Redis Instances et basculement; Configurer les fichiers de configuration Sentinel, ajouter des informations d'instance Redis de surveillance et des paramètres de basculement; Configurer les fichiers de configuration d'instance Redis, activer le mode de cluster et spécifier le chemin du fichier d'informations de cluster; Créer un fichier nœuds.conf, contenant des informations de chaque instance redis; Démarrez le cluster, exécutez la commande CREATE pour créer un cluster et spécifiez le nombre de répliques; Connectez-vous au cluster pour exécuter la commande d'informations de cluster pour vérifier l'état du cluster; faire

Comment implémenter le redis sous-jacent Comment implémenter le redis sous-jacent Apr 10, 2025 pm 07:21 PM

Redis utilise des tables de hachage pour stocker les données et prend en charge les structures de données telles que les chaînes, les listes, les tables de hachage, les collections et les collections ordonnées. Redis persiste les données via des instantanés (RDB) et ajoutez les mécanismes d'écriture uniquement (AOF). Redis utilise la réplication maître-esclave pour améliorer la disponibilité des données. Redis utilise une boucle d'événement unique pour gérer les connexions et les commandes pour assurer l'atomicité et la cohérence des données. Redis définit le temps d'expiration de la clé et utilise le mécanisme de suppression paresseux pour supprimer la clé d'expiration.

Que faire si redis-server ne peut être trouvé Que faire si redis-server ne peut être trouvé Apr 10, 2025 pm 06:54 PM

Étapes pour résoudre le problème que Redis-Server ne peut pas trouver: Vérifiez l'installation pour vous assurer que Redis est installé correctement; Définissez les variables d'environnement redis_host et redis_port; Démarrer le serveur Redis Redis-Server; Vérifiez si le serveur exécute Redis-Cli Ping.

Comment afficher toutes les clés dans Redis Comment afficher toutes les clés dans Redis Apr 10, 2025 pm 07:15 PM

Pour afficher toutes les touches dans Redis, il existe trois façons: utilisez la commande Keys pour retourner toutes les clés qui correspondent au modèle spécifié; Utilisez la commande SCAN pour itérer les touches et renvoyez un ensemble de clés; Utilisez la commande info pour obtenir le nombre total de clés.

Comment lire le code source de Redis Comment lire le code source de Redis Apr 10, 2025 pm 08:27 PM

La meilleure façon de comprendre le code source redis est d'aller étape par étape: familiarisez-vous avec les bases de Redis. Sélectionnez un module ou une fonction spécifique comme point de départ. Commencez par le point d'entrée du module ou de la fonction et affichez le code ligne par ligne. Affichez le code via la chaîne d'appel de fonction. Familiez les structures de données sous-jacentes utilisées par Redis. Identifiez l'algorithme utilisé par Redis.

Comment utiliser la commande redis Comment utiliser la commande redis Apr 10, 2025 pm 08:45 PM

L'utilisation de la directive Redis nécessite les étapes suivantes: Ouvrez le client Redis. Entrez la commande (Verbe Key Value). Fournit les paramètres requis (varie de l'instruction à l'instruction). Appuyez sur Entrée pour exécuter la commande. Redis renvoie une réponse indiquant le résultat de l'opération (généralement OK ou -err).

Comment lire la file d'attente redis Comment lire la file d'attente redis Apr 10, 2025 pm 10:12 PM

Pour lire une file d'attente à partir de Redis, vous devez obtenir le nom de la file d'attente, lire les éléments à l'aide de la commande LPOP et traiter la file d'attente vide. Les étapes spécifiques sont les suivantes: Obtenez le nom de la file d'attente: Nommez-le avec le préfixe de "Fitre:" tel que "Fitre: My-Quyue". Utilisez la commande LPOP: éjectez l'élément de la tête de la file d'attente et renvoyez sa valeur, telle que la file d'attente LPOP: My-Queue. Traitement des files d'attente vides: si la file d'attente est vide, LPOP renvoie NIL et vous pouvez vérifier si la file d'attente existe avant de lire l'élément.

Comment utiliser Redis Lock Comment utiliser Redis Lock Apr 10, 2025 pm 08:39 PM

L'utilisation des opérations Redis pour verrouiller nécessite l'obtention du verrouillage via la commande setnx, puis en utilisant la commande Expire pour définir le temps d'expiration. Les étapes spécifiques sont les suivantes: (1) Utilisez la commande setnx pour essayer de définir une paire de valeurs de clé; (2) Utilisez la commande Expire pour définir le temps d'expiration du verrou; (3) Utilisez la commande del pour supprimer le verrouillage lorsque le verrouillage n'est plus nécessaire.

See all articles