


Erstellen Sie eine einfache Sofortbenachrichtigungsanwendung mit Redis und JavaScript
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.
- 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}`); });
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
事件,并打印出收到的消息。
- 存储订阅信息
下一步是存储用户的订阅信息,以便在有新消息时能够即时通知到用户。我们可以使用 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); }
上述代码中,我们使用 Redis 的 hset
方法将用户ID作为哈希表的键,频道作为值,存储到 subscriptions
哈希表中。可以通过 hget
方法获取用户的订阅频道信息,并通过 hdel
方法删除用户的订阅信息。
- 实现页面订阅和推送
最后一步是在前端页面实现用户的订阅和接收推送消息的功能。我们将使用 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}`); } };
在前端代码中,我们创建了一个 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.
rrreeeIm 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!

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

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

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

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.

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.

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.

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.

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.

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.

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.
