Cara membina aplikasi sembang masa nyata menggunakan Redis dan Node.js-Redis-php.cn

Cara membina aplikasi sembang masa nyata menggunakan Redis dan Node.js

PHPz

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

asal

970 orang telah melayarinya

Cara menggunakan Redis dan Node.js untuk membina aplikasi sembang masa nyata

Pengenalan:
Dengan perkembangan berterusan teknologi Internet, komunikasi masa nyata telah menjadi sebahagian daripada kehidupan harian orang moden. Sama ada rangkaian sosial, permainan dalam talian atau perkhidmatan pelanggan dalam talian, aplikasi sembang masa nyata telah digunakan secara meluas. Artikel ini akan memperkenalkan cara menggunakan Redis dan Node.js untuk membina aplikasi sembang masa nyata yang ringkas, dan memperincikan proses pelaksanaan aplikasi sembang masa nyata melalui contoh kod.

1. Gambaran keseluruhan
Kunci kepada aplikasi sembang masa nyata ialah pemesejan masa nyata dan kemas kini segera. Untuk mencapai matlamat ini, kami akan menggunakan teknologi dan alatan berikut:

Redis: pangkalan data dalam memori berprestasi tinggi untuk menyimpan mesej sembang.
Node.js: Rangka kerja I/O tak segerak dipacu peristiwa yang digunakan untuk membina pelayan bahagian belakang aplikasi sembang.
Socket.IO: Pustaka JavaScript untuk pembangunan aplikasi masa nyata untuk komunikasi masa nyata antara bahagian hadapan dan bahagian belakang.

2. Persediaan persekitaran
Sebelum bermula, kami perlu memasang dan mengkonfigurasi alatan berikut:

Node.js: Sila muat turun dan pasang versi terkini Node.js mengikut sistem pengendalian.
Redis: Sila muat turun dan pasang versi terkini Redis mengikut sistem pengendalian anda.
Socket.IO: Jalankan arahan berikut melalui baris arahan untuk memasang Socket.IO:
```
npm install socket.io
```
Salin selepas log masuk

3. Proses pelaksanaan

Buat projek Node.js kosong dan pasangkan dependencies
app.js的文件，并添加以下代码：
```
npm init
npm install express redis socket.io
```
Salin selepas log masuk

在项目根目录下创建一个名为index.html的文件，并添加以下代码：

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);
  });
});

Salin selepas log masuk

启动Redis服务：

<!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>

Salin selepas log masuk

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

四、实现原理

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

Buat fail bernama app.js dalam direktori akar projek dan tambahkan kod berikut:

node app.js

Salin selepas log masuk

🎜Buat fail bernama index.html dalam direktori akar projek fail dan tambah kod berikut: 🎜rrreee🎜🎜🎜Mulakan perkhidmatan Redis: 🎜rrreee🎜🎜🎜Mulakan pelayan Node.js: 🎜rrreee🎜🎜Lawati http://localhost:3000, buka berbilang tab atau tetingkap penyemak imbas, masukkan mesej dan klik butang hantar untuk bersembang dalam masa nyata. 🎜🎜🎜4. Prinsip Pelaksanaan🎜🎜🎜Pengguna memasukkan mesej dalam penyemak imbas dan mengklik butang hantar Kod JavaScript bahagian hadapan menghantar acara sendMessage ke bahagian belakang melalui Socket.IO. , membawa mesej dan maklumat bilik. 🎜🎜Selepas pelayan Node.js bahagian belakang menerima acara sendMessage, ia menyimpan mesej dalam Redis dan menghantar receiveMessage kepada semua pelanggan dalam bilik yang sama melalui Socket.IO acara dan membawa kandungan mesej yang sama. 🎜🎜Selepas pelanggan menerima acara receiveMessage, ia memaparkan mesej dalam tetingkap sembang. 🎜🎜🎜Kesimpulan: 🎜Melalui langkah di atas, kami berjaya membina aplikasi sembang masa nyata yang ringkas menggunakan Redis dan Node.js. Aplikasi ini boleh terus dikembangkan, seperti menambah pengesahan pengguna, rakaman mesej dan fungsi lain. Saya harap artikel ini dapat membantu semua orang memahami dan mempelajari proses pembangunan aplikasi sembang masa nyata, dan menggunakannya dalam projek sebenar. 🎜

Atas ialah kandungan terperinci Cara membina aplikasi sembang masa nyata menggunakan Redis dan Node.js. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!