So verwenden Sie WS zum Entwickeln von NodeJS-Front-End-Fragen und Antworten-php.cn

So verwenden Sie WS zum Entwickeln von NodeJS

PHPz

Freigeben： 2023-04-05 14:21:39

Original

1264 Leute haben es durchsucht

Mit der kontinuierlichen Weiterentwicklung von Node.js sind Websockets zu einer beliebten Methode geworden, um in Node.js eine bidirektionale Kommunikation in Echtzeit zu erreichen. In diesem Artikel wird erläutert, wie Sie mit dem ws-Modul Anwendungen mit Echtzeitkommunikationsfunktionen in Node.js erstellen.

1. Was sind Websockets?

Websockets ist eine Technologie, die bidirektionale Kommunikation in Echtzeit unterstützt. Im Vergleich zum HTTP-Protokoll, das nur unidirektionale Anfragen ausführen kann, können Websockets einen bidirektionalen Kommunikationskanal einrichten, der es Client und Server ermöglicht, Daten in Echtzeit zu übertragen, ohne dass der Client kontinuierlich Anfragen an den Server initiieren muss , Einsparung HTTP Das Protokoll generiert aufgrund von Abfragen eine große Netzwerkbandbreite.

2. Einführung in das ws-Modul

ws-Modul ist ein Modul in Node.js, das zur Implementierung von Websockets verwendet wird, und es ist auch eine beliebte Implementierungsmethode. Die API ist äußerst einfach und weist keine externen Abhängigkeiten auf, was die Verwendung erleichtert. Im Folgenden wird erläutert, wie Sie mit dem ws-Modul einen einfachen Chatroom implementieren.

3. Initialisieren Sie ein neues Node.js-Projekt

Installieren Sie zunächst die neueste Version von Node.js auf Ihrem System. Öffnen Sie nach Abschluss der Installation Ihr Terminal und gehen Sie in das Verzeichnis, in dem Sie das Projekt erstellen möchten. Geben Sie den folgenden Befehl ein:

mkdir ws_demo && cd ws_demo && npm initmkdir ws_demo && cd ws_demo && npm init

然后按照提示一步一步地配置你的项目。

四、安装和引用ws模块

在项目的目录中使用以下命令，安装ws模块：

npm install ws

现在在你的server.js文件中引入ws模块：

const WebSocket = require('ws');

Folgen Sie dann den Anweisungen Konfigurieren Sie Schritt für Schritt Ihr Projekt.

4. Installieren und referenzieren Sie das ws-Modul.

Verwenden Sie den folgenden Befehl im Projektverzeichnis, um das ws-Modul zu installieren:

npm install ws

Fügen Sie nun das ws-Modul in Ihrer server.js ein Datei:

const WebSocket = require('ws');

5. Erstellen Sie einen Websockets-Server

Um einen Websockets-Server zu erstellen, müssen Sie auf eingehende Verbindungsanfragen auf einem bestimmten Server warten Port des Servers. Verwenden Sie in Node.js den folgenden Code, um einen Websocket-Server zu erstellen:

const wss = new WebSocket.Server({ port: 8080 });

wss.on('connection', (ws) => {
  console.log('Client connected');
});

Nach dem Login kopieren

Dieser Code erstellt einen Websocket-Server auf Port 8080. Wenn ein neuer Client erfolgreich eine Verbindung zum Server herstellt, gibt der Server die Meldung „Client verbunden“ aus.

6. Serverseitige Broadcast-Nachricht

Jetzt haben wir einen WebSocket-Server erstellt und können Client-Verbindungen empfangen. Aber es hat kaum praktische Auswirkungen. Versuchen wir, ihm einige echte Funktionen hinzuzufügen. Wir können den Server einige Nachrichten senden lassen, die von allen mit dem Server verbundenen Clients empfangen werden.

Fügen Sie den folgenden Code innerhalb der Methode wss.on() hinzu:

wss.on('connection', (ws) => {
  console.log('Client connected');
  ws.on('message', (message) => {
    console.log(`Received message => ${message}`)
    wss.clients.forEach((client) => {
      if (client.readyState === WebSocket.OPEN) {
        client.send(`Broadcast message => ${message}`);
      }
    });
  });
});

Nach dem Login kopieren

Dieser Code fügt einen Ereignis-Listener hinzu, wenn die Clientverbindung erfolgreich ist. Wenn eine neue Nachricht eintrifft, zeichnet der Server sie im Protokoll auf und durchläuft mithilfe von wss.clients.forEach() alle derzeit verbundenen Clients, wobei er die Nachricht an alle Clients sendet, sofern verfügbar.

7. Testen🎜🎜Jetzt sind alle Schritte der Installation des WS-Moduls und der Entwicklung des serverseitigen Codes abgeschlossen. Sie müssen es nur noch mit dem Client testen. Für die Verwendung eines Websocket-Clients stehen viele verschiedene Browsererweiterungen und Befehlszeilentools zur Verfügung. Verwenden Sie Ihr bevorzugtes Tool, um eine Verbindung zu wss://localhost:8080 herzustellen. Sie sehen eine Meldung über die erfolgreiche Verbindung und Ihre Browsererweiterung zeigt die Meldung oben in der vom Server gesendeten Nachricht an. 🎜🎜Zusammenfassung🎜🎜In diesem Artikel haben wir vorgestellt, wie Sie mit dem ws-Modul Websockets-Dienste auf Basis von Node.js entwickeln. 🎜🎜Mit der Weiterentwicklung und Erweiterung von Websockets wird es in der Webentwicklung immer wichtiger, insbesondere in der Echtzeitkommunikation, wie z. B. Chat-Anwendungen, Online-Spielen usw. Jetzt können Sie mit nur wenigen Codezeilen einen einfachen Chatroom in Node.js implementieren. 🎜🎜Obwohl dieser Artikel nur einen Teil der Funktionen des ws-Moduls vorstellt, glaube ich, dass Studenten die Wissenspunkte der Entwicklung von Echtzeitkommunikation auf Basis von Node.js kennenlernen und bestimmte Fähigkeiten und Erfahrungen beherrschen können, die als Referenz für die Zukunft dienen können arbeiten und studieren. 🎜

Das obige ist der detaillierte Inhalt vonSo verwenden Sie WS zum Entwickeln von NodeJS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!