Heim Datenbank Redis Erstellen Sie eine einfache Sofortbenachrichtigungsanwendung mit Redis und JavaScript

Erstellen Sie eine einfache Sofortbenachrichtigungsanwendung mit Redis und JavaScript

Jul 31, 2023 pm 03:27 PM
javascript redis 即时通知

Erstellen Sie eine einfache Sofortbenachrichtigungsanwendung mit Redis und JavaScript

In der modernen Anwendungsentwicklung ist die Sofortbenachrichtigung zu einer immer häufigeren und wichtigeren Funktion geworden. Es kann Anwendungen dabei helfen, Benutzern schnell und genau Informationen in Echtzeit bereitzustellen und so das Benutzererlebnis und die Interaktivität zu verbessern. In diesem Artikel wird erläutert, wie Sie mithilfe von Redis und JavaScript eine einfache Sofortbenachrichtigungsanwendung erstellen.

Zuerst müssen wir Redis verstehen. Redis ist ein Open-Source-Schlüsselwertspeichersystem, das sich sehr gut für die Verwendung als Cache-Datenbank eignet. Es basiert auf Speicher, bietet leistungsstarke Lese- und Schreibvorgänge und unterstützt eine Vielzahl von Datenstrukturen und Betriebsmethoden. In dieser Anwendung verwenden wir Redis zum Speichern von Benutzerabonnementinformationen und Nachrichtenwarteschlangen.

Stellen Sie vor dem Start sicher, dass Redis im System installiert und der entsprechende Redis-Treiber in die Anwendung importiert wurde.

  1. Erstellen Sie eine Nachrichtenveröffentlichung und ein Abonnement.

Zuerst müssen wir einen Herausgeber und einen Abonnenten für die Veröffentlichung bzw. das Abonnement von Benachrichtigungsnachrichten erstellen.

const redis = require('redis');
const publisher = redis.createClient();
const subscriber = redis.createClient();

// 发布消息
publisher.publish('notifications', '您有新的通知消息');

// 订阅消息
subscriber.subscribe('notifications');
subscriber.on('message', (channel, message) => {
  console.log(`收到来自 ${channel} 的消息: ${message}`);
});
Nach dem Login kopieren

Mit dem obigen Code erstellen wir einen Redis-Publisher und einen Abonnenten. Der Herausgeber veröffentlicht Nachrichten im angegebenen Kanal notifications über die Methode publisher.publish und der Abonnent abonniert den Kanal über subscriber.subscribe. Wenn eine neue Nachricht im Kanal veröffentlicht wird, löst der Abonnent das Ereignis message aus und druckt die empfangene Nachricht aus. publisher.publish 方法发布消息到指定频道 notifications,而订阅者通过 subscriber.subscribe 订阅该频道。当有新的消息发布到频道时,订阅者会触发 message 事件,并打印出收到的消息。

  1. 存储订阅信息

下一步是存储用户的订阅信息,以便在有新消息时能够即时通知到用户。我们可以使用 Redis 的哈希表数据结构来存储用户ID和对应的频道信息。

const redis = require('redis');
const client = redis.createClient();

// 存储订阅信息
function subscribeUser(userId, channel) {
  client.hset('subscriptions', userId, channel);
}

// 获取订阅信息
function getUserSubscription(userId) {
  return new Promise((resolve, reject) => {
    client.hget('subscriptions', userId, (err, channel) => {
      if (err) {
        reject(err);
      } else {
        resolve(channel);
      }
    });
  });
}

// 删除订阅信息
function unsubscribeUser(userId) {
  client.hdel('subscriptions', userId);
}
Nach dem Login kopieren

上述代码中,我们使用 Redis 的 hset 方法将用户ID作为哈希表的键,频道作为值,存储到 subscriptions 哈希表中。可以通过 hget 方法获取用户的订阅频道信息,并通过 hdel 方法删除用户的订阅信息。

  1. 实现页面订阅和推送

最后一步是在前端页面实现用户的订阅和接收推送消息的功能。我们将使用 WebSocket 技术来实现消息的实时推送。

const socket = new WebSocket('ws://localhost:3000');

// 订阅通知
function subscribeNotifications(userId) {
  socket.send(JSON.stringify({
    event: 'subscribe',
    userId
  }));
}

// 接收消息
socket.onmessage = (event) => {
  const message = JSON.parse(event.data);
  if (message.event === 'notification') {
    console.log(`收到新的通知: ${message.content}`);
  }
};
Nach dem Login kopieren

在前端代码中,我们创建了一个 WebSocket 客户端,并通过 socket.send 方法发送订阅消息的请求。当有新的消息推送到客户端时,会触发 socket.onmessage

    Abonnementinformationen speichern

    Der nächste Schritt besteht darin, die Abonnementinformationen des Benutzers zu speichern, damit der Benutzer sofort benachrichtigt werden kann, wenn neue Nachrichten vorliegen. Wir können die Hash-Tabellen-Datenstruktur von Redis verwenden, um Benutzer-IDs und entsprechende Kanalinformationen zu speichern.

    rrreee

    Im obigen Code verwenden wir die hset-Methode von Redis, um die Benutzer-ID als Schlüssel der Hash-Tabelle und den Kanal als Wert in der subscriptions-Hash-Tabelle zu speichern . Sie können die Abonnementkanalinformationen des Benutzers über die Methode hget abrufen und die Abonnementinformationen des Benutzers über die Methode hdel löschen.

      🎜Seitenabonnement und Push implementieren 🎜🎜🎜Der letzte Schritt besteht darin, die Funktion des Benutzerabonnements und des Empfangs von Push-Nachrichten auf der Frontend-Seite zu implementieren. Wir werden die WebSocket-Technologie verwenden, um einen Echtzeit-Push von Nachrichten zu erreichen. 🎜rrreee🎜Im Front-End-Code erstellen wir einen WebSocket-Client und senden eine Anfrage zum Abonnieren der Nachricht über die Methode socket.send. Wenn eine neue Nachricht an den Client gesendet wird, wird das Ereignis socket.onmessage ausgelöst und der empfangene Benachrichtigungsinhalt wird ausgedruckt. 🎜🎜Mit dem obigen Code haben wir eine einfache Sofortbenachrichtigungsanwendung fertiggestellt, die mit Redis und JavaScript erstellt wurde. Es umfasst Nachrichtenveröffentlichungs- und Abonnementfunktionen, mit denen Benutzerabonnementinformationen gespeichert und sofort an den Client übertragen werden können, wenn neue Nachrichten verfügbar sind. Dies ist nur ein einfaches Implementierungsbeispiel. Sie können eine sekundäre Entwicklung und Erweiterung entsprechend Ihren eigenen Anforderungen durchführen. 🎜🎜Zusammenfassung: 🎜🎜Mit Redis und JavaScript können wir ganz einfach eine einfache Sofortbenachrichtigungsanwendung erstellen. Redis bietet leistungsstarke Lese- und Schreibvorgänge zum Speichern von Abonnementinformationen und Nachrichtenwarteschlangen. JavaScript bietet praktische Entwicklungstools und WebSocket-Technologie zur Implementierung von Abonnement- und Push-Funktionen. Diese Anwendung kann häufig in Echtzeitbenachrichtigungen, Chatsystemen, Echtzeitüberwachung und anderen Szenarien eingesetzt werden, um Benutzern ein gutes Erlebnis und Interaktivität zu bieten. 🎜

Das obige ist der detaillierte Inhalt vonErstellen Sie eine einfache Sofortbenachrichtigungsanwendung mit Redis und JavaScript. 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

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Repo: Wie man Teamkollegen wiederbelebt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Lösung für den Fehler 0x80242008 bei der Installation von Windows 11 10.0.22000.100 Lösung für den Fehler 0x80242008 bei der Installation von Windows 11 10.0.22000.100 May 08, 2024 pm 03:50 PM

1. Starten Sie das Menü [Start], geben Sie [cmd] ein, klicken Sie mit der rechten Maustaste auf [Eingabeaufforderung] und wählen Sie Als [Administrator] ausführen. 2. Geben Sie nacheinander die folgenden Befehle ein (kopieren und fügen Sie sie sorgfältig ein): SCconfigwuauservstart=auto, drücken Sie die Eingabetaste. SCconfigbitsstart=auto, drücken Sie die Eingabetaste. SCconfigcryptsvcstart=auto, drücken Sie die Eingabetaste. SCconfigtrustedinstallerstart=auto, drücken Sie die Eingabetaste. SCconfigwuauservtype=share, drücken Sie die Eingabetaste. netstopwuauserv, drücken Sie die Eingabetaste für netstopcryptS

Analysieren Sie PHP-Funktionsengpässe und verbessern Sie die Ausführungseffizienz Analysieren Sie PHP-Funktionsengpässe und verbessern Sie die Ausführungseffizienz Apr 23, 2024 pm 03:42 PM

Engpässe bei PHP-Funktionen führen zu geringer Leistung, was durch die folgenden Schritte behoben werden kann: Suchen Sie die Engpassfunktion und verwenden Sie Tools zur Leistungsanalyse. Ergebnisse zwischenspeichern, um Neuberechnungen zu reduzieren. Verarbeiten Sie Aufgaben parallel, um die Ausführungseffizienz zu verbessern. Optimieren Sie die Zeichenfolgenverkettung und verwenden Sie stattdessen integrierte Funktionen. Verwenden Sie integrierte Funktionen anstelle benutzerdefinierter Funktionen.

Golang API-Caching-Strategie und -Optimierung Golang API-Caching-Strategie und -Optimierung May 07, 2024 pm 02:12 PM

Die Caching-Strategie in GolangAPI kann die Leistung verbessern und die Serverlast reduzieren. Häufig verwendete Strategien sind: LRU, LFU, FIFO und TTL. Zu den Optimierungstechniken gehören die Auswahl geeigneter Cache-Speicher, hierarchisches Caching, Invalidierungsmanagement sowie Überwachung und Optimierung. Im praktischen Fall wird der LRU-Cache verwendet, um die API zum Abrufen von Benutzerinformationen aus der Datenbank zu optimieren. Andernfalls kann der Cache nach dem Abrufen aus der Datenbank aktualisiert werden.

Welches hat die bessere Leistung, Erlang oder Golang? Welches hat die bessere Leistung, Erlang oder Golang? Apr 21, 2024 am 03:24 AM

Es gibt Leistungsunterschiede zwischen Erlang und Go. Erlang zeichnet sich durch Parallelität aus, während Go einen höheren Durchsatz und eine schnellere Netzwerkleistung bietet. Erlang eignet sich für Systeme, die eine hohe Parallelität erfordern, während Go für Systeme geeignet ist, die einen hohen Durchsatz und eine geringe Latenz erfordern.

Caching-Mechanismus und Anwendungspraxis in der PHP-Entwicklung Caching-Mechanismus und Anwendungspraxis in der PHP-Entwicklung May 09, 2024 pm 01:30 PM

In der PHP-Entwicklung verbessert der Caching-Mechanismus die Leistung, indem er häufig aufgerufene Daten vorübergehend im Speicher oder auf der Festplatte speichert und so die Anzahl der Datenbankzugriffe reduziert. Zu den Cache-Typen gehören hauptsächlich Speicher-, Datei- und Datenbank-Cache. In PHP können Sie integrierte Funktionen oder Bibliotheken von Drittanbietern verwenden, um Caching zu implementieren, wie zum Beispiel Cache_get() und Memcache. Zu den gängigen praktischen Anwendungen gehören das Zwischenspeichern von Datenbankabfrageergebnissen zur Optimierung der Abfrageleistung und das Zwischenspeichern von Seitenausgaben zur Beschleunigung des Renderings. Der Caching-Mechanismus verbessert effektiv die Reaktionsgeschwindigkeit der Website, verbessert das Benutzererlebnis und reduziert die Serverlast.

Wie verwende ich den Redis-Cache bei der PHP-Array-Paginierung? Wie verwende ich den Redis-Cache bei der PHP-Array-Paginierung? May 01, 2024 am 10:48 AM

Durch die Verwendung des Redis-Cache kann die Leistung des PHP-Array-Pagings erheblich optimiert werden. Dies kann durch die folgenden Schritte erreicht werden: Installieren Sie den Redis-Client. Stellen Sie eine Verbindung zum Redis-Server her. Erstellen Sie Cache-Daten und speichern Sie jede Datenseite in einem Redis-Hash mit dem Schlüssel „page:{page_number}“. Rufen Sie Daten aus dem Cache ab und vermeiden Sie teure Vorgänge auf großen Arrays.

So aktualisieren Sie Win11 Englisch 21996 auf vereinfachtes Chinesisch 22000_So aktualisieren Sie Win11 Englisch 21996 auf vereinfachtes Chinesisch 22000 So aktualisieren Sie Win11 Englisch 21996 auf vereinfachtes Chinesisch 22000_So aktualisieren Sie Win11 Englisch 21996 auf vereinfachtes Chinesisch 22000 May 08, 2024 pm 05:10 PM

Zuerst müssen Sie die Systemsprache auf die Anzeige in vereinfachtem Chinesisch einstellen und neu starten. Wenn Sie die Anzeigesprache zuvor auf vereinfachtes Chinesisch geändert haben, können Sie diesen Schritt natürlich einfach überspringen. Beginnen Sie als Nächstes mit dem Betrieb der Registrierung regedit.exe, navigieren Sie direkt zu HKEY_LOCAL_MACHINESYSTEMCurrentControlSetControlNlsLanguage in der linken Navigationsleiste oder der oberen Adressleiste und ändern Sie dann den InstallLanguage-Schlüsselwert und den Standardschlüsselwert auf 0804 (wenn Sie ihn in Englisch ändern möchten). us, Sie müssen zunächst die Anzeigesprache des Systems auf en-us einstellen, das System neu starten und dann alles auf 0409 ändern) Sie müssen das System an dieser Stelle neu starten.

Kann Navicat eine Verbindung zu Redis herstellen? Kann Navicat eine Verbindung zu Redis herstellen? Apr 23, 2024 pm 05:12 PM

Ja, Navicat kann eine Verbindung zu Redis herstellen, wodurch Benutzer Schlüssel verwalten, Werte anzeigen, Befehle ausführen, Aktivitäten überwachen und Probleme diagnostizieren können. Um eine Verbindung zu Redis herzustellen, wählen Sie in Navicat den Verbindungstyp „Redis“ und geben Sie die Serverdetails ein.

See all articles