Web-Frontend
js-Tutorial
Erste Schritte mit socket.io in der Klassenbibliothek node.js_javascript
Erste Schritte mit socket.io in der Klassenbibliothek node.js_javascript
Einführung in Websocket und andere Reverse-Ajax-Technologien
In Echtzeit-Webanwendungen ist Reverse Ajax eine gängige Methode. Definition von Reverse Ajax:
Reverse Ajax (Reverse Ajax) ist im Wesentlichen ein Konzept, mit dem Daten vom Server an den Client gesendet werden können. Bei einer Standard-HTTP-Ajax-Anfrage kann Reverse Ajax eine Ajax-Anfrage auf bestimmte Weise simulieren. Auf diese Weise kann der Server Daten an den Server senden möglich. Client sendet Ereignisse (Kommunikation mit geringer Latenz).
Die Reverse-Ajax-Technologie hat hauptsächlich zwei Inhalte: Der eine besteht darin, dass der Server die TCP-Verbindung aufrechterhält, bis er Daten zum Senden an den Client hat (kann mithilfe von Schleifen und Schlaf implementiert werden), und der andere besteht darin, dass der Client über Programmierkenntnisse verfügt.
Websocket ist ein Standard von HTML5 und außerdem eine Anti-Ajax-Technologie.
Socket.io-Implementierung der umgekehrten AJAX-Technologie – Beispiel
Offizielle Einführung von socket.io:
Socket.IO zielt darauf ab, Echtzeit-Apps in jedem Browser und Mobilgerät zu ermöglichen und die Unterschiede zwischen den verschiedenen Transportmechanismen zu verwischen. Es ist 100 % sorglos in JavaScript, um Echtzeit-Konnektivität in jedem Browser bereitzustellen. IO wählt zur Laufzeit den leistungsfähigsten Transport aus, ohne dass dies Auswirkungen auf die API hat. WebSocket Adobe® Flash® Socket AJAX Long Polling AJAX Multipart Streaming Forever Iframe JSONP Polling
Einfach ausgedrückt ist socket.io eine auf NodeJS basierende Bibliothek, die verschiedene Reverse-Ajax-Technologien bündelt und die Schnittstelle vereinheitlicht. Zur Laufzeit wählt socket.io automatisch die entsprechende Reverse-Ajax-Technologie aus, um basierend auf den Bedingungen des Browsers mit dem socket.io-Server zu interagieren. Wenn Technologien wie Websocket Standards sind, dann ist socket.io eine Anwendung.
So installieren Sie es (der Autor verwendet Linux Mint 16):
Node.js installieren:
Geben Sie den Befehl nodejs ein, um in den Shell-Modus zu gelangen.
Installieren Sie npm:
Installieren Sie socket.io:
Das Installationspaket wird im Verzeichnis ~/node_modules gespeichert, und der Client socket.io.js wird im Verzeichnis ~/node_modules/socket.io/node_modules/socket.io gespeichert -client/dist-Verzeichnis.
Socket.io-Beispiel
Die folgenden Beispiele stammen von der offiziellen Website und wurden entsprechend geändert.
Erstellen Sie zunächst den serverseitigen (serverseitigen) Code (Datei test.js):
var io = require('socket.io').listen(8080);
io.sockets.on('connection', function (socket) {
socket.emit('news', { hello: 'world' });
socket.on('my other event' , function (data) {
console.log(data);
});
});
Der Server test.js ist an Port 8080 gebunden. Wenn ein Client eine Verbindung herstellt. Wann Der Server test.js läuft, der Server test.js sendet den News-Befehl an den Client und überträgt die Daten { hello: 'world' }; wenn der Server test.js den my other event-Befehl empfängt, ruft er den Rückruf auf Funktion function (data) { console.log(data);} zum Verarbeiten der empfangenen Datendaten.
Der Autor hat einen Nginx-Server erstellt, der Port 80 verwendet und das Web-Stammverzeichnis /usr/share/nginx/html ist. Kopieren Sie socket.io.min.js unter ~/node_modules/socket.io/node_modules/socket.io-client/dist in das Web-Root-Verzeichnis und erstellen Sie die Datei index.php im Web-Root-Verzeichnis (als Client). Der Inhalt lautet wie folgt:
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
Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!
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
1389
52
Detaillierte grafische Erläuterung des Speichers und des GC der Node V8-Engine
Mar 29, 2023 pm 06:02 PM
Dieser Artikel vermittelt Ihnen ein detailliertes Verständnis des Speichers und Garbage Collectors (GC) der NodeJS V8-Engine. Ich hoffe, er wird Ihnen hilfreich sein!
Ein Artikel über Speichersteuerung in Node
Apr 26, 2023 pm 05:37 PM
Der nicht blockierende und ereignisgesteuerte Knotendienst hat den Vorteil eines geringen Speicherverbrauchs und eignet sich sehr gut für die Verarbeitung massiver Netzwerkanforderungen. Unter der Voraussetzung massiver Anfragen müssen Probleme im Zusammenhang mit der „Speicherkontrolle“ berücksichtigt werden. 1. Der Garbage-Collection-Mechanismus und die Speicherbeschränkungen von V8 Js wird von der Garbage-Collection-Maschine gesteuert
Lassen Sie uns darüber sprechen, wie Sie das beste Node.js-Docker-Image auswählen.
Dec 13, 2022 pm 08:00 PM
Die Auswahl eines Docker-Images für Node mag trivial erscheinen, aber die Größe und potenziellen Schwachstellen des Images können erhebliche Auswirkungen auf Ihren CI/CD-Prozess und Ihre Sicherheit haben. Wie wählen wir also das beste Node.js-Docker-Image aus?
Lassen Sie uns ausführlich über das File-Modul in Node sprechen
Apr 24, 2023 pm 05:49 PM
Das Dateimodul ist eine Kapselung der zugrunde liegenden Dateioperationen, wie z. B. Lesen/Schreiben/Öffnen/Schließen/Löschen von Dateien, Hinzufügen usw. Das größte Merkmal des Dateimoduls besteht darin, dass alle Methoden zwei Versionen von **synchronem** und **bereitstellen. asynchron**, mit Methoden mit dem Suffix sync sind alle Synchronisationsmethoden, und diejenigen ohne sind alle heterogene Methoden.
Node.js 19 ist offiziell veröffentlicht, lassen Sie uns über seine 6 Hauptfunktionen sprechen!
Nov 16, 2022 pm 08:34 PM
Node 19 wurde offiziell veröffentlicht. Dieser Artikel wird Ihnen eine detaillierte Erklärung der 6 Hauptfunktionen von Node.js 19 geben. Ich hoffe, er wird Ihnen hilfreich sein!
Lassen Sie uns über den GC-Mechanismus (Garbage Collection) in Node.js sprechen
Nov 29, 2022 pm 08:44 PM
Wie führt Node.js GC (Garbage Collection) durch? Der folgende Artikel führt Sie durch.
Lassen Sie uns über die Ereignisschleife in Node sprechen
Apr 11, 2023 pm 07:08 PM
Die Ereignisschleife ist ein grundlegender Bestandteil von Node.js und ermöglicht die asynchrone Programmierung, indem sie sicherstellt, dass der Hauptthread nicht blockiert wird. Das Verständnis der Ereignisschleife ist für die Erstellung effizienter Anwendungen von entscheidender Bedeutung. Der folgende Artikel wird Ihnen ein detailliertes Verständnis der Ereignisschleife in Node vermitteln. Ich hoffe, er wird Ihnen hilfreich sein!
Was soll ich tun, wenn der Knoten den Befehl npm nicht verwenden kann?
Feb 08, 2023 am 10:09 AM
Der Grund, warum der Knoten den Befehl npm nicht verwenden kann, liegt darin, dass die Umgebungsvariablen nicht richtig konfiguriert sind. Die Lösung ist: 1. Öffnen Sie „Systemeigenschaften“ 2. Suchen Sie nach „Umgebungsvariablen“ -> „Systemvariablen“ und bearbeiten Sie dann die Umgebung Variablen; 3. Suchen Sie den Speicherort des NodeJS-Ordners. 4. Klicken Sie auf „OK“.
