So erstellen Sie eine Echtzeit-Chat-Anwendung mit Redis und Node.js-Redis-php.cn

Heim

Datenbank

Redis

So erstellen Sie eine Echtzeit-Chat-Anwendung mit Redis und Node.js

PHPz

Jul 29, 2023 am 09:23 AM

nodejs redis 实时聊天

So verwenden Sie Redis und Node.js, um eine Echtzeit-Chat-Anwendung zu erstellen

Einführung:
Mit der kontinuierlichen Weiterentwicklung der Internettechnologie ist Echtzeitkommunikation zu einem Teil des täglichen Lebens moderner Menschen geworden. Ob soziale Netzwerke, Online-Spiele oder Online-Kundenservice – Echtzeit-Chat-Anwendungen sind weit verbreitet. In diesem Artikel wird die Verwendung von Redis und Node.js zum Erstellen einer einfachen Echtzeit-Chat-Anwendung vorgestellt und der Implementierungsprozess der Echtzeit-Chat-Anwendung anhand von Codebeispielen detailliert beschrieben.

1. Übersicht
Der Schlüssel zu Echtzeit-Chat-Anwendungen sind Echtzeit-Messaging und sofortige Updates. Um dieses Ziel zu erreichen, werden wir folgende Technologien und Tools nutzen:

Redis: eine leistungsstarke In-Memory-Datenbank zur Speicherung von Chat-Nachrichten.
Node.js: Ein ereignisgesteuertes asynchrones I/O-Framework, das zum Aufbau des Back-End-Servers von Chat-Anwendungen verwendet wird.
Socket.IO: Eine JavaScript-Bibliothek für die Echtzeit-Anwendungsentwicklung für die Echtzeitkommunikation zwischen Front-End und Back-End.

2. Umgebungsvorbereitung
Bevor wir beginnen, müssen wir die folgenden Tools installieren und konfigurieren:

Node.js: Bitte laden Sie die neueste Version von Node.js entsprechend dem Betriebssystem herunter und installieren Sie sie.
Redis: Bitte laden Sie die neueste Version von Redis entsprechend Ihrem Betriebssystem herunter und installieren Sie sie.
Socket.IO: Führen Sie den folgenden Befehl über die Befehlszeile aus, um Socket.IO zu installieren:
```
npm install socket.io
```
Nach dem Login kopieren

3. Implementierungsprozess

Erstellen Sie ein leeres Node.js-Projekt und installieren Sie die Abhängigkeiten:
```
npm init
npm install express redis socket.io
```
Nach dem Login kopieren

Erstellen Sie eine Datei mit dem Namen app.js im Stammverzeichnis des Projekts und fügen Sie den folgenden Code hinzu: 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);
  });
});

Nach dem Login kopieren

在项目根目录下创建一个名为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>

Nach dem Login kopieren

启动Redis服务：
```
redis-server
```
Nach dem Login kopieren
启动Node.js服务器：
```
node app.js
```
Nach dem Login kopieren
在浏览器中访问http://localhost:3000，打开多个标签或浏览器窗口，输入消息并点击发送按钮，即可实现实时聊天。

四、实现原理

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

Erstellen Sie eine Datei mit dem Namen index.html im Stammverzeichnis des Projekts Datei und fügen Sie den folgenden Code hinzu:
rrreee

🎜🎜Starten Sie den Redis-Dienst: 🎜rrreee🎜🎜🎜Starten Sie den Node.js-Server: 🎜rrreee🎜🎜Besuchen Sie http://localhost:3000im Browser >, öffnen Sie mehrere Tabs oder Browserfenster, geben Sie eine Nachricht ein und klicken Sie auf die Schaltfläche „Senden“, um in Echtzeit zu chatten. 🎜🎜🎜4. Implementierungsprinzip🎜🎜🎜Der Benutzer gibt eine Nachricht in den Browser ein und klickt auf die Schaltfläche „Senden“. Der Front-End-JavaScript-Code sendet das sendMessage-Ereignis über Socket.IO , mit der Nachricht und Rauminformationen. 🎜🎜Nachdem der Back-End-Node.js-Server das sendMessage-Ereignis empfängt, speichert er die Nachricht in Redis und sendet receiveMessage über Socket.IO an alle Clients im selben Raum .ereignis und tragen den gleichen Nachrichteninhalt. 🎜🎜Nachdem der Client das Ereignis receiveMessage empfängt, zeigt er die Nachricht im Chatfenster an. 🎜🎜🎜Fazit: 🎜Durch die oben genannten Schritte haben wir erfolgreich eine einfache Echtzeit-Chat-Anwendung mit Redis und Node.js erstellt. Diese Anwendung kann weiterhin erweitert werden, beispielsweise um Benutzerauthentifizierung, Nachrichtenaufzeichnung und andere Funktionen. Ich hoffe, dieser Artikel kann jedem helfen, den Entwicklungsprozess von Echtzeit-Chat-Anwendungen zu verstehen, zu lernen und ihn in tatsächlichen Projekten anzuwenden. 🎜

Das obige ist der detaillierte Inhalt vonSo erstellen Sie eine Echtzeit-Chat-Anwendung mit Redis und Node.js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)

3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

R.E.P.O. Beste grafische Einstellungen

3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Assassin's Creed Shadows: Seashell Riddle -Lösung

2 Wochen vor By DDD

R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können

3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

WWE 2K25: Wie man alles in Myrise freischaltet

3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

Wo ist der Login-Zugang für Gmail-E-Mail?

7458

CakePHP-Tutorial

1376

Wie lautet das Format des Kontonamens von Steam?

Win11 -Aktivierungsschlüssel dauerhaft

NYT -Verbindungen Hinweise und Antworten

Related knowledge

So erstellen Sie den Redis -Clustermodus Apr 10, 2025 pm 10:15 PM

Der Redis -Cluster -Modus bietet Redis -Instanzen durch Sharding, die Skalierbarkeit und Verfügbarkeit verbessert. Die Bauschritte sind wie folgt: Erstellen Sie ungerade Redis -Instanzen mit verschiedenen Ports; Erstellen Sie 3 Sentinel -Instanzen, Monitor -Redis -Instanzen und Failover; Konfigurieren von Sentinel -Konfigurationsdateien, Informationen zur Überwachung von Redis -Instanzinformationen und Failover -Einstellungen hinzufügen. Konfigurieren von Redis -Instanzkonfigurationsdateien, aktivieren Sie den Cluster -Modus und geben Sie den Cluster -Informationsdateipfad an. Erstellen Sie die Datei nodes.conf, die Informationen zu jeder Redis -Instanz enthält. Starten Sie den Cluster, führen Sie den Befehl erstellen aus, um einen Cluster zu erstellen und die Anzahl der Replikate anzugeben. Melden Sie sich im Cluster an, um den Befehl cluster info auszuführen, um den Clusterstatus zu überprüfen. machen

So implementieren Sie die zugrunde liegenden Redis Apr 10, 2025 pm 07:21 PM

Redis verwendet Hash -Tabellen, um Daten zu speichern und unterstützt Datenstrukturen wie Zeichenfolgen, Listen, Hash -Tabellen, Sammlungen und geordnete Sammlungen. Ernähren sich weiterhin über Daten über Snapshots (RDB) und appendiert Mechanismen nur Schreibmechanismen. Redis verwendet die Master-Slave-Replikation, um die Datenverfügbarkeit zu verbessern. Redis verwendet eine Ereignisschleife mit einer Thread, um Verbindungen und Befehle zu verarbeiten, um die Datenatomizität und Konsistenz zu gewährleisten. Redis legt die Ablaufzeit für den Schlüssel fest und verwendet den faulen Löschmechanismus, um den Ablaufschlüssel zu löschen.

So sehen Sie die Versionsnummer der Redis Apr 10, 2025 pm 05:57 PM

Um die Redis -Versionsnummer anzuzeigen, können Sie die folgenden drei Methoden verwenden: (1) Geben Sie den Info -Befehl ein, (2) Starten Sie den Server mit der Option --version und (3) die Konfigurationsdatei anzeigen.

Wie wird der Redis -Cluster implementiert? Apr 10, 2025 pm 05:27 PM

Redis Cluster ist ein verteiltes Bereitstellungsmodell, das die horizontale Expansion von Redis-Instanzen ermöglicht und durch Kommunikation zwischen Noten, Hash-Slot-Abteilung Schlüsselraum, Knotenwahlen, Master-Slave-Replikation und Befehlsumleitung implementiert wird: Inter-Node-Kommunikation: Virtuelle Netzwerkkommunikation wird durch Cluster-Bus realisiert. Hash -Slot: Teilen Sie den Schlüsselraum in Hash -Slots, um den für den Schlüssel verantwortlichen Knoten zu bestimmen. Knotenwahlen: Es sind mindestens drei Master -Knoten erforderlich, und nur ein aktiver Masterknoten wird durch den Wahlmechanismus sichergestellt. Master-Slave-Replikation: Der Masterknoten ist für das Schreiben von Anforderungen verantwortlich und der Slaveknoten ist für das Lesen von Anforderungen und Datenreplikation verantwortlich. Befehlsumleitung: Der Client stellt eine Verbindung zum für den Schlüssel verantwortlichen Knoten her, und der Knoten leitet falsche Anforderungen weiter. Fehlerbehebung: Fehlererkennung, Off-Linie markieren und neu

Was tun, wenn Redis-Server nicht gefunden werden kann Apr 10, 2025 pm 06:54 PM

Schritte zur Lösung des Problems, das Redis-Server nicht finden kann: Überprüfen Sie die Installation, um sicherzustellen, dass Redis korrekt installiert ist. Setzen Sie die Umgebungsvariablen Redis_host und Redis_port; Starten Sie den Redis-Server Redis-Server; Überprüfen Sie, ob der Server Redis-Cli Ping ausführt.

So verwenden Sie Redis Zset Apr 10, 2025 pm 07:27 PM

Redis bestellte Sets (ZSETs) werden verwendet, um bestellte Elemente und Sortieren nach zugehörigen Bewertungen zu speichern. Die Schritte zur Verwendung von ZSET umfassen: 1. Erstellen Sie ein Zset; 2. Fügen Sie ein Mitglied hinzu; 3.. Holen Sie sich eine Mitgliederbewertung; 4. Holen Sie sich eine Rangliste; 5. Holen Sie sich ein Mitglied in der Rangliste; 6. Ein Mitglied löschen; 7. Holen Sie sich die Anzahl der Elemente; 8. Holen Sie sich die Anzahl der Mitglieder im Score -Bereich.

Wie ist der Schlüssel für die Redis -Abfrage eindeutig Apr 10, 2025 pm 07:03 PM

Redis verwendet fünf Strategien, um die Einzigartigkeit von Schlüssel zu gewährleisten: 1. Namespace -Trennung; 2. Hash -Datenstruktur; 3.. Datenstruktur festlegen; 4. Sonderzeichen von Stringschlüssel; 5. Lua -Skriptüberprüfung. Die Auswahl spezifischer Strategien hängt von Datenorganisationen, Leistung und Skalierbarkeit ab.

So sehen Sie alle Schlüssel in Redis Apr 10, 2025 pm 07:15 PM

Um alle Schlüssel in Redis anzuzeigen, gibt es drei Möglichkeiten: Verwenden Sie den Befehl keys, um alle Schlüssel zurückzugeben, die dem angegebenen Muster übereinstimmen. Verwenden Sie den Befehl scan, um über die Schlüssel zu iterieren und eine Reihe von Schlüssel zurückzugeben. Verwenden Sie den Befehl Info, um die Gesamtzahl der Schlüssel zu erhalten.

See all articles