Heim > Artikel > Web-Frontend > Wie NodeJS die WebSocket-Funktion implementiert
Dieses Mal zeige ich Ihnen, wie NodeJS die WebSocket-Funktion implementiert. Was sind die Vorsichtsmaßnahmen für NodeJS, um die WebSocket-Funktion zu implementieren?
Wir entwickeln basierend auf Express und Socket.io. Zuerst müssen wir die folgenden Pakete
npm install --save express npm install --save socket.ioinstallieren 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'); });Kundencode
<!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>Eine Konsolenversion des Chatrooms ist fertig (^o^)/~Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln die chinesische PHP-Website! Empfohlene Lektüre:
So erzielen Sie den Rückgängig- und Wiederherstellungseffekt in Immutable.js
Ausführliche Erklärung der Verwendung von Mutationen und Aktionen in Vuex
Das obige ist der detaillierte Inhalt vonWie NodeJS die WebSocket-Funktion implementiert. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!