Maison > Article > interface Web > Comment implémenter la fonction WebSocket à l'aide de NodeJS

Comment implémenter la fonction WebSocket à l'aide de NodeJS

亚连original: 2018-06-06 11:30:341576parcourir

Cet article présente principalement l'implémentation simple de la fonction WebSocket par NodeJS et analyse les compétences opérationnelles côté client et côté serveur de nodejs pour implémenter la fonction de communication WebSocket sur la base d'exemples spécifiques. Les amis dans le besoin peuvent se référer aux exemples contenus dans ce document. article

Décrit l'implémentation simple de la fonction WebSocket dans NodeJS. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

Nous développons sur la base de express et socket.io.

npm install --save express
npm install --save socket.io

Code côté serveur :

var app = require(&#39;express&#39;)();
var http = require(&#39;http&#39;).Server(app);
var io = require(&#39;socket.io&#39;)(http);
app.get(&#39;/&#39;, function(req, res){
  res.send(&#39;<h1>Welcome Realtime Server</h1>&#39;);
});
io.on(&#39;connection&#39;, function(socket){
  console.log(&#39;a user connected&#39;);
  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(&#39;listening on *:3000&#39;);
});

Code côté client

<!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(&#39;ws://127.0.0.1:3000&#39;);
    socket.emit("message", {"name" : navigator.userAgent, "msg" : "hello world"});
    socket.on("message", function(obj) {
      console.log(obj);
    });
  </script>
</body>
</html>

Ce qui précède est ce que j'ai compilé pour tout le monde, j'espère que ce sera le cas. utile à tout le monde à l’avenir.

Articles Liés

Voir plus