Heim > Artikel > Web-Frontend > So implementieren Sie die WebSocket-Funktion mit NodeJS
In diesem Artikel wird hauptsächlich die einfache Implementierung der WebSocket-Funktion durch NodeJS vorgestellt und die clientseitigen und serverseitigen Betriebsfähigkeiten von NodeJS zur Implementierung der WebSocket-Kommunikationsfunktion anhand spezifischer Beispiele analysiert Artikel
Beschreibt die einfache Implementierung der WebSocket-Funktion in NodeJS. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:
Wir entwickeln basierend auf express und socket.io. Zuerst müssen wir die folgenden Pakete installieren
npm install --save express npm install --save socket.io
Serverseitiger Code:
var app = require('express')(); var http = require('http').Server(app); var io = require('socket.io')(http); app.get('/', function(req, res){ res.send('<h1>Welcome Realtime Server</h1>'); }); io.on('connection', function(socket){ console.log('a user connected'); socket.on("disconnect", function() { console.log("a user go out"); }); socket.on("message", function(obj) { io.emit("message", obj); }); }); http.listen(3000, function(){ console.log('listening on *:3000'); });
Clientseitiger Code
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="http://127.0.0.1:3000/socket.io/socket.io.js"></script> </head> <body> <ul id="message"></ul> <script> socket = io.connect('ws://127.0.0.1:3000'); socket.emit("message", {"name" : navigator.userAgent, "msg" : "hello world"}); socket.on("message", function(obj) { console.log(obj); }); </script> </body> </html>
Das Obige habe ich für alle zusammengestellt. Ich hoffe, dass es in Zukunft für alle hilfreich sein wird .
Verwandte Artikel:
So verwenden Sie Puppeteer, um den gleitenden Bestätigungscode von JiExperience zu knacken
Binden Sie dynamisch generierte Tags in JQuery-Ereignisse ( ausführliches Tutorial)
So ändern Sie die Seitenfarbe in JS (ausführliches Tutorial)
Das obige ist der detaillierte Inhalt vonSo implementieren Sie die WebSocket-Funktion mit NodeJS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!