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

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

PHPz

Freigeben： 2023-07-29 09:23:03

Original

965 Leute haben es durchsucht

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!