Diferència entre revisions de la pàgina «Sol websockets clientes»

De wikiserver
Dreceres ràpides: navegació, cerca
(Es crea la pàgina amb «'''CLIENTE''' <source lang="html"> <!DOCTYPE html> <html> <head> <script src="./node_modules/socket.io-client/dist/socket.io.js"></script> <script> var sock...».)
(Cap diferència)

Revisió del 01:07, 27 nov 2017

CLIENTE

<!DOCTYPE html>
<html>
  <head>
<script src="./node_modules/socket.io-client/dist/socket.io.js"></script>
   <script>
      var socket = io();
      socket.on('broadcast',function(data) {
         document.body.innerHTML = '';
         document.write(data.description);
      });
   </script>
   <body>Hello world</body>
</html>

SERVIDOR

var express = require('express');
var app = express();
var path = require('path');
var server = require('http').Server(app);
var io = require('socket.io')(server);

app.use(express.static(path.join(__dirname, '/'))); //Para el servicio de archivos estáticos como, por ejemplo, imágenes, archivos CSS y archivos JavaScript,


var clients = 0;
io.on('connection', function(socket) {
   clients++;
   io.sockets.emit('broadcast',{ description: clients + ' clientes conectados!'});
   socket.on('disconnect', function () {
      clients--;
      io.sockets.emit('broadcast',{ description: clients + ' clients conec!'});
   });
});

server.listen(3000, function() {
   console.log('listening on localhost:3000');
});