Maison > interface Web > js tutoriel > le corps du texte

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

亚连
Libérer: 2018-06-06 11:30:34
original
1575 Les gens l'ont consulté

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
Copier après la connexion

Code côté serveur :

var app = require('express')();
var http = require('http').Server(app);
var io = require('socket.io')(http);
app.get('/', 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;);
});
Copier après la connexion

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>
Copier après la connexion

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 connexes :

Comment utiliser Puppeteer pour déchiffrer le code de vérification glissant de JiExperience

Lier les balises générées dynamiquement dans les événements jquery ( tutoriel détaillé)

Comment changer la couleur d'une page en JS (tutoriel détaillé)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!